引导手风琴能控制DIV吗

Question

我想知道引导手风琴是否可以在没有javascript的情况下控制div。我想达到这样的效果：https://testbuttons.bss.design/accordion.html但现在我使用的是：

$('#btn_lesson-1').click(function(){
$('#lesson-1').show();
$('#lesson-2').hide();
$('#lesson-3').hide();
});
$('#btn_lesson-2').click(function(){
$('#lesson-2').show();
$('#lesson-1').hide();
$('#lesson-3').hide();
});

$('#btn_lesson-3').click(function(){
$('#lesson-3').show();
$('#lesson-1').hide();
$('#lesson-2').hide();

});

但是，为更多的课程创建代码会变得很烦人。

或者也许还有其他方法可以实现这一点？也许是一些简单的CMS？

谢谢！！！！！

Answer 1

如果您使用bootstrap，默认情况下手风琴应该已经是基于单击的元素打开和关闭的元素。请参见此示例：https://getbootstrap.com/docs/4.0/components/collapse/#accordion-示例