Question

我希望能够根据单选按钮选择向上滑动或向下滑动div。我添加了以下jQuery

$('.wrapperAttribsOptions2').hide();


$('#attrib-1-230, #attrib-1-231, #attrib-1-232').click(function () {
    $('.wrapperAttribsOptions3, .layoutMessage, .item_number1').slideDown(800);

这适用于我选择的三个，但我需要加强它。

我的问题是，如果没有选择＃attrib-1-xxx单选按钮，怎么能让它向上滑动？如果我需要添加更多以使其向下滑动，我必须单独添加每一个，即＃ attrib-1-233，＃attrib-1-234，或者如果选择了＃attrib-1-xxx，它是否可以向下滑动？

Answer 1

最好在可点击元素中添加一个类，并将其用作生成包装集的选择器：

$('.radio-button-to-expose-slider').click(function () {
    $('.wrapperAttribsOptions3, .layoutMessage, .item_number1').slideDown(800);
});

您在上面发布的代码

$('.wrapperAttribsOptions2').hide();

应该开始隐藏div。但是，如果您知道自己总是希望隐藏它，为什么不在CSS中为类wrapperAttribsOptions2提供display: none，所以它开始隐藏，然后只在您看到相应的事件时才公开它？

Answer 2

您可以创建一个循环并使用带有如下变量的选择器：

$("#attrib-1-" + inputID);

其中inputID在您希望选择器所在的范围内变化。

SlideUp从多个单选按钮向下滑动

2 个答案: