jQuery的：孩子觸發一個事件其父元素

Question

我有幾個嵌套的div元素是這樣的：

<div class="main"> 
blah blah blah <div class="clickme">clickme</div> 
</div> 

<div class="main"> 
bleh bleh bleh <div class="clickme">clickme</div> 
</div> 

<div class="main"> 
blih blih blih <div class="clickme">clickme</div> 
</div> 

我想火一個觸發事件，將顯示/隱藏DIV打上階級「主」通過點擊「clickme」類的子div標籤內相應的「clickme」文本。對不起，我無法弄清楚如何做到這一點。謝謝。

Answer 1

$(".clickme").click(function() { 
    $(this).parent("div.main").toggle(); 
}); 

在關於你的第二個問題，您需要添加：

$(this).unbind('click'); 

在任您切換功能的結束，和你想它會工作。祝你好運。

編輯：響應您的最新問題，這應該這樣做：

$(".abrefecha").click(function() { 
    var that = this; // save this in that :) 
    jQuery(this).parent().toggle(
     function() { 
      var itemId = jQuery(this).attr("id"); 
      var itemIndex = $(".showhide").index(this); 
      var currentItemHeight = b[itemIndex] + 30 + 'px' 
      jQuery(this).css("overflow","auto"); 
      jQuery(this).animate({ height: currentItemHeight } , 500); 
      $(that).html('close'); // change html inside pink to 'close' 
      $(this).unbind('click'); 
     }, 
     function() { 
      jQuery(this).css("overflow","hidden") 
      jQuery(this).animate({ height:"60px" } , 500); 
      $(that).html('abrefecha'); // change html back to 'abrefecha' 
      $(this).unbind('click'); 
     } 
    ); 
});