Question

我有多个按钮，当我点击每个按钮时，我想要一个与该按钮相关联的元素向下滑动，然后当我单击相同的按钮时，相同的元素会向上滑动。下面的代码可以工作，但是如果我点击一个按钮它会向下滑动然后我点击第二个按钮没有任何反应，因为如果代码的一部分它运行else。我该如何解决这个问题？

 $(".type_of_txt_btn_group label").on("click",function() {          
       var filteringType = ""
       filteringType = $(this).val()
       console.log(filteringType);
 });

Answer 1

只需在按钮上使用数据属性并手动切换状态，如下所示：

<button class="more-button" data-showMore="1" data-buttonNumber="1"/>

$(".more-button").click(function(){
        var buttonNumber = $(this).data('buttonNumber');
        var moreOption = $(this).data('showMore');
        if (moreOption == '1') {
            $("#more"+buttonNumber).slideDown();
            $(this).data('showMore', '2');
        } else if (moreOption == '2') {
            $("#more"+buttonNumber).slideUp();
            $(this).data('showMore', '1');
        }
    });

Jquery如果其他声明问题

1 个答案: