用jQuery盲目

时间:2009-08-22 15:56:13

标签: javascript jquery effect blind

我正在尝试编写一个盲函数,它将关闭显示器中的DIV:none模式。 看不见的DIV位于更宽的DIV内,包含盲目触发器。

此:

        $(document).ready(function(){
            $("#toggle_blind").click(function () {
            $(this).toggle("fast");
            });
        });
嗯,这会使按钮失明。如何将DIV添加到$ this?类似的东西:

<div id="blind" class="wider_div">
   <h3 id="closeButton">Close</h3>
   <div style="display:none;" id="closeThis">
       <p>some text</p>
   </div>
</div>

如何在H3上关闭按钮以在每次点击时关闭/打开CloseButton DIV?

谢谢!

2 个答案:

答案 0 :(得分:1)

div是h3的下一个兄弟,所以你可以使用.next()

E.g

$('#closeButton').click( function(){
  $(this).next().toggle();
});

答案 1 :(得分:0)

直接引用div,你可以在它和h3之间添加其他东西。

$(document).ready(function()
{
    $("#closeButton").click(function()
    {
        $("#closeThis").toggle("fast");
    });
});