javascript - 在jQuery上显示和隐藏多个帖子

我想在多个div上优化此脚本。
现在正在工作，但仅适用于div。

$(document).ready(function(){

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

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

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

});

DEMO

最佳答案

尝试：

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

jsFiddle example