2009-08-22 61 views
0

我正在嘗試編寫一個可以在顯示器中關閉DIV的盲功能:none模式。 看不見的DIV位於更寬的DIV內,包含盲目的觸發器。用jQuery盲注

此:

 $(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?

謝謝!

回答

1

DIV的是H3的下一個兄弟,所以你可以使用的.next()

E.g

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

謝謝!工作很好,爲我節省了很多工作:) – 2009-08-22 16:14:41

+0

不用擔心,祝你好運 – redsquare 2009-08-22 16:15:55

+0

其實,還有一個問題:我可以在多個DIV中使用這個功能嗎?試圖這樣做,只爲第一個DIV提供功能;其餘的都麻木了。 – 2009-08-22 16:17:00

0

參考股利直接,你可以將別的東西在它和H3之間。

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