只隐藏活动元素 - 不是全部

Question

现在脚本隐藏所有元素“.buttonshow”。 我想只隐藏点击（活动）元素“.buttonshow”。

这是我的Fiddle

第5行是我认为的关键

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

Answer 1

然后使用$(this)：

 $('.buttonshow').click(function () {
     $(this).hide().next(".hideDiv").slideToggle(); //<-- hide self
 });
 $('.buttonhide').click(function () {
     $(this).show().parent().slideToggle(); //<-- show self
 });

Answer 2

试试此代码

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

 $('.buttonhide').click(function () {
     $(this).parent().slideToggle();
     $(this).show();
 });