Javascript 如何为具有不同类的所有元素调整单击JS代码？（保持引导和手风琴中的一个元素处于打开状态。）

所以我用手风琴和面板来展示不同的产品。我已经在线程中找到了允许我保持一个元素打开的代码：“（感谢他的回答！）

由于我使用的是面板外部的手风琴面板按钮，这些按钮被分组在面板下面，因此我对代码进行了如下调整：

$('a.btn-600').on('click',function(e){
    if($('.panel-600').children('.panel-collapse').hasClass('in')){
        e.stopPropagation(),
        e.preventDefault();
    }
});

这一切都很好。但是因为我将按钮分组在面板下，所以我需要特定的类（针对不同的产品尺寸）来让它们工作。所以现在我把代码复制了7次，比如btn-750和panel-750版本

我现在的问题是：

我可以做一个功能来运行所有这些功能吗

i、 e.我想让js接受按钮或面板的“产品尺寸编号”，并将功能更改为与上述特定的“600”-产品尺寸代码一样工作

这背后的原因是：未来会有更多的产品尺寸。我需要在.js中再次添加新的大小

因为我对Javascript相对来说比较陌生，所以我无法自己找到解决方案。我得到的最接近的是这三条线： , 及

要么这些话题不合适，要么我不知道如何使它们适应我的问题

---

我会感谢你的帮助

检查下面的代码是否适合您

$('a.btn-circle').on('click',function(e){
    if($($(this).attr('href')).hasClass('in')){
       e.stopPropagation(),
       e.preventDefault();
    }
});

---

尝试在此处添加工作小提琴（使用您尝试的代码）！这是一把工作小提琴，就像我在我的项目中使用的一样。哇，它真的很有效。谢谢你，伙计！该函数现在是如何运行的，if条件的开头是否查看按钮href的内容并找到目标？我说的btn-{number}类过时了，对吗？是的，button的目标与您在类中检查

的目标相同，因此不使用任何编号就可以得到目标元素。
$('a.btn-circle').on('click',function(e){
    if($($(this).attr('href')).hasClass('in')){
       e.stopPropagation(),
       e.preventDefault();
    }
});