只隐藏活动元素，而不是全部

hide only active element - not all

本文关键字：全部 隐藏 活动 元素      更新时间：2023-09-26

现在脚本隐藏所有元素".buttonshow"。我想隐藏只点击(活动)元素"。buttonshow"。

这是我的小提琴

第5行是关键，我认为

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

则使用$(this):

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

试试这个代码

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