jquery - 单击单选按钮时立即限制 'slideToggle' 动画？

Question

是否可以在单击单选按钮时立即限制 slideToggle 动画的 Action ..？我有一个是或否的问题，我写了一个简单的 JQuery 来在我单击"is"单选按钮时显示隐藏的 div，问题是当我单击"is"按钮时它重复隐藏/显示操作..

对此...有什么解决方案吗？

虽然我是 JQuery 的新手，但我的 JQuery 代码在下面给出

$(document).ready(function(){
    $('#d01').click(function(){
            $(".c01").slideToggle();    
    });

    $('#d02').click(function(){
             $(".c01").hide();
    });
)};

(#d01) - 代表"is"单选按钮。

(#d02) - 代表“否”单选按钮。

(.c01) - 代表隐藏的 div。

阿基尔

Answer 1

将 slideToggle 更改为 slideDown。 slideToggle如果已经显示，将隐藏该元素，如果隐藏，则显示它。也就是说，它在隐藏和显示之间“切换”，因此得名。

slideDown另一方面，如果匹配的元素被隐藏，则显示它们，否则什么都不做。

请注意，您还可以使用 show , 你也可以使用 slideUp代替 hide 在你的 #d02 点击事件处理程序，如果你想让动画在那里生效。