手风琴开启所有div开关

Question

当点击我的开关时，所有我的div展开，因为代码是针对所有div的类。我不明白jQuery足以将其改为只针对相关的div。

的Javascript

$(function() { 
    // The height of the content block when it's not expanded 
    var postadjustheight = 340; 
    // The "more" link text 
    var postmoreText = "Click to Expand Post"; 
    // The "less" link text 
    var postlessText = "Click to Condense Post"; 

    // Sets the .more-block div to the specified height and hides any content that overflows 
    $("body.page-template-page_blog-php #content .post .entry-content").css('height', postadjustheight).css('overflow', 'hidden'); 

    // The section added to the bottom of the "more-less" div 
    $("body.page-template-page_blog-php .entry-content").prepend('<a href="#" class="adjust"></a>'); 

    $("body.page-template-page_blog-php #content .post .adjust").toggle(function() { 
     $("body.page-template-page_blog-php #content .post .entry-content").css('height', 'auto').css('overflow', 'visible'); 
     $(this).text(postlessText); 
    }, function() { 
     $("body.page-template-page_blog-php #content .post .entry-content").css('height', postadjustheight).css('overflow', 'hidden'); 
     $(this).text(postmoreText); 
    }); 
}); 

HTML

<div id="content"> 
    <div class="post"> 
     <div class="entry-content"><a class="adjust" href="#">Click to Expand Post</a> 
      <p>Post Contents</p> 
     </div> 
    </div> 
    </div> 

Answer 1

不知道jQuery是第一步，学习jQuery的。

包括此库http://plugins.learningjquery.com/expander/ 并且您应该能够根据切换展开/收缩您想要的特定类。