Question

我需要帮助切换我的单选按钮。每当我点击其中一个时，它就像它的假设一样打开，但当我选择另一个时，它不会关闭。我只希望一次打开一个。非常感谢任何帮助 - 谢谢！

以下是代码：

jQuery('.selectDiv3').click(function() {jQuery('#div3')[ (jQuery(this).val() == 'NW WI') ? 'slideDown' : 'slideUp']()});

jQuery('.selectDiv4').click(function() {jQuery('#div4')[ (jQuery(this).val() == 'SE MN') ? 'slideDown' : 'slideUp']()});

jQuery('.selectDiv5').click(function() {jQuery('#div5')[ (jQuery(this).val() == 'SW MN') ? 'slideDown' : 'slideUp']()});

jQuery('.selectDiv6').click(function() {jQuery('#div6')[ (jQuery(this).val() == 'SE WI') ? 'slideDown' : 'slideUp']()});

Answer 1

您的点击处理程序需要能够关闭所有其他div。所以像这样：

jQuery('.selectDiv3').click(function() {
    jQuery('.commonDivClass').slideUp(); // <-- this line
    jQuery('#div3')[ (jQuery(this).val() == 'NW WI')
        ? 'slideDown'
        : 'slideUp']();
});

所以你要为你的所有div添加一个类（例如＃3-6）并且在向下滑动正确的div之前不加区分地滑动它们。

当选择另一个单选按钮时，jQuery隐藏其他div

1 个答案: