Question

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

任何解决方案......？

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

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

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

（＃d01） - 代表'是'单选按钮。

（＃d02） - 代表'no'单选按钮。

（。c01） - 代表隐藏的div。

AKHIL

Answer 1

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

另一方面，

slideDown将显示匹配的元素（如果它们被隐藏），否则不执行任何操作。

请注意，您也可以使用show，如果您想要动画，也可以在hide点击事件处理程序中使用slideUp代替#d02也有效果。

Answer 2

试试这个

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

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

单击radiobutton时，立即限制'slideToggle'动画？

2 个答案: