與類名

Question

的jQuery的slideToggle下一個容器我這​​裏有一個的jsfiddle - http://jsfiddle.net/bmdpamhy/

這三大btns與內容div的下面。按鈕和內容容器具有類名稱。

內容div被隱藏。

我想在點擊按鈕下方打開內容div。

如何打開剛剛點擊下面的div的div。

 /* This will open all content divs 
     $(function(){ 
      $('.open').click(function(){ 
       $('.content').slideToggle(); 
      }); 
     }) 
     */ 


     // I want to open just the content below the button clicked 
     $(function(){ 
      $('.open').click(function(){ 
       $(this).next('.content').slideToggle(); 
      }); 
     }) 

Answer 1

您有錯誤的選擇器。 .content是點擊按鈕parent.Use的兄弟：

$('.open').click(function(){ 
    $(this).parent().next('.content').slideToggle(); 
}); 

Working Demo

Answer 2

這裏是在所需的情況下，一些修改。

http://jsfiddle.net/bmdpamhy/1/

這將給你的幻燈片內容的 '秀一-AT-的時間' 的感覺。看一看。

$(function(){ 
    $('.open').click(function(e){ 
     e.stopPropagation(); 

       $(this).parents('.wrap').find('.content.opened').slideToggle().toggleClass('opened'); 
$(this).parent().next('.content').slideToggle().toggleClass('opened'); 

    }); 
})