javascript - jquery 上的多个显示和隐藏帖子

Question

我想在多个 div 上优化此脚本。 现在可以工作了，但是对于单个 div。

$(document).ready(function(){

    $(".hideDiv").hide();
    $(".buttonshow").show();

    $('.buttonshow').click(function(){
    $(".hideDiv").slideToggle();
     $(".buttonshow").hide();
    });

    $('.buttonhide').click(function(){
    $(".hideDiv").slideToggle();
    $(".buttonshow").show();
    });

});

DEMO

Answer 1

尝试:

 $(document).ready(function () {
     $(".hideDiv").hide();
     $('.buttonshow').click(function () {
         $(this).next(".hideDiv").slideToggle();
         $(".buttonshow").hide();
     });
     $('.buttonhide').click(function () {
         $(this).parent().slideToggle();
         $(".buttonshow").show();
     });
 });

<强> jsFiddle example