Question

我正在尝试使用slideToggle，然后使用toggleclass，但是通过添加toggleclass，slideToggle不会“滑动”，任何人都知道我可以解决这个问题吗？

fiddle以及以下代码。

 $(function () {
        $(".expand").on("click", function () {
            $(this).next().slideToggle().toggleClass('slidein');

            $expand = $(this).find(">:first-child");


            if ($expand.text() == "\u25B6") {
                $expand.text("\u25BC");


            } else {
                $expand.text("\u25B6");
            }
        });

    });

Answer 1

它工作正常，但你隐藏了元素然后添加了类，所以你看不到$('#category-filter').on('change',function(){ $("#item-filter").val($(this).val()); });。

你在CSS文件和JS的逻辑中犯了一些错误。删除CSS3过渡，它将正常工作。

toggleClass

最后，在没有transition: all 1s ease-in-out;方法的情况下对代码进行排序，如下所示：

toggle

查看我的工作演示：JSBIN。这是你需要的吗？

slideToggle和toggleClass不能一起工作？

1 个答案: