有条件地触发幻灯片和隐藏javascript事件

我在网站上添加了一些隐藏和滑动功能，这样当每个产品属性被选中时，下一个属性就会滑出。在客户为某些产品添加附加属性之前，这种方法效果良好。附加属性给我带来了问题，因为我无法添加第二个幻灯片函数触发器，而不使其触发这些产品上的两个函数

我使用的原始代码是

$('.wrapperAttribsOptions11').hide();

$('.sizeRadio').click(function () {
$('.wrapperAttribsOptions11').slideDown(800);
});

然后客户端添加了一个属性id4，因此我添加了

$('.wrapperAttribsOptions4').change(function () {
$('.wrapperAttribsOptions11').slideDown(800);
});

但这意味着，在两个属性都在使用的页面上，当单击.sizeRadio时，选项11会向下滑动，而不是在更改选项4时

简言之，是否可以使其正常工作，以便如果存在.wrapperAttribsOptions4，则

$('.sizeRadio').click(function () {
$('.wrapperAttribsOptions11').slideDown(800);
});

被忽略了

---

我希望这足够清楚。

我通过使用

if ($('.wrapperAttribsOptions4').length != 0) {

因此，整个代码段成为

$('.wrapperAttribsOptions11').hide();
if ($('.wrapperAttribsOptions4').length != 0) {
$('.wrapperAttribsOptions4').change(function () {
$('.wrapperAttribsOptions11').slideDown(800);
});
}else
$('.sizeRadio').click(function () {
    $('.wrapperAttribsOptions11').slideDown(800);
});

---

任何正在运行demo？@gp fiddle的JSFIDLE都在这里，当您选择大小选项时，产品中心和雕刻要求选项都会滑出。