Javascript 单击按钮时显示多个div

首先，我会说对不起，因为我的英语不是很好，但我会尽我最大的努力。 因此，我将向您解释我的问题，我希望在用户单击按钮时显示我的所有div。这对我来说真的很复杂，因为有很多id。它就像一个下拉菜单

我的代码：

$（“#content_caract_1”）.hide（）；
$（“#content_caract_2”）.hide（）；
$（“#content_caract_3”）.hide（）；
$（“#content_caract_4”）.hide（）；
$（'#btnd'）。单击（函数（）{//Au clic sur unélément
$（“.forbutton”）.toggle（400）；//chache ou affiche a une vitesse constante（400）
});
$（'#caract1'）。单击（函数（）{//Au clic sur unélément
$（“#content_caract_1”）.toggle（400）；//chache ou affiche a une vitesse constante（400）
});
$（'#carat1bis'）。单击（函数（）{//Au clic sur unélément
$（“#content_caract_1bis”）.toggle（400）；//chache ou affiche a une vitesse constante（400）
});
$（'#carat1bis2'）。单击（函数（）{//Au clic sur unélément
$（“#content_caract_1bis2”）.toggle（400）；//chache ou affiche a une vitesse constante（400）
});
$（'#carat1bis3'）。单击（函数（）{//Au clic sur unélément
$（“#content_caract_1bis3”）.toggle（400）；//chache ou affiche a une vitesse constante（400）
});

第1部分：土地与土地
罗马尼亚人因犯罪而被起诉，并因其作为被告的机会而被起诉。不存在，最重要的是不存在，因为父母是正确的；奥皮涅穆尔，奥迪提斯
不公平；有知觉的流动父母、令人难以置信的母性泪液、肮脏的父辈和血亲、血吸虫、流氓

1.1项目进展

试验

1.2回顾经验

试验

1.3 Votre地块
试验

单击按钮时切换父div，并隐藏页面加载时的所有子div。只需在页面加载时切换父div

<script>
$(".forbutton").hide();

//$("#content_caract_1").hide();
//$("#content_caract_2").hide();
//$("#content_caract_3").hide();
//$("#content_caract_4").hide();
$('#btnd').click( function() { // Au clic sur un élément
$(".forbutton").toggle(400);// chache ou affiche a une vitesse constante (400)
    });
$('#caract1').click( function() { // Au clic sur un élément
$("#content_caract_1").toggle(400);// chache ou affiche a une vitesse constante (400)
    });
    $('#caract1bis').click( function() { // Au clic sur un élément
    $("#content_caract_1bis").toggle(400);// chache ou affiche a une vitesse constante (400)
        });
    $('#caract1bis2').click( function() { // Au clic sur un élément
    $("#content_caract_1bis2").toggle(400);// chache ou affiche a une vitesse constante (400)
        });
    $('#caract1bis3').click( function() { // Au clic sur un élément
    $("#content_caract_1bis3").toggle(400);// chache ou affiche a une vitesse constante (400)
});


$（“.forbutton”）.hide（）；
//$（“#content_caract_1”）.hide（）；
//$（“#content_caract_2”）.hide（）；
//$（“#content_caract_3”）.hide（）；
//$（“#content_caract_4”）.hide（）；
$（'#btnd'）。单击（函数（）{//Au clic sur unélément
$（“.forbutton”）.toggle（400）；//chache ou affiche a une vitesse constante（400）
});
$（'#caract1'）。单击（函数（）{//Au clic sur unélément
$（“#content_caract_1”）.toggle（400）；//chache ou affiche a une vitesse constante（400）
});
$（'#carat1bis'）。单击（函数（）{//Au clic sur unélément
$（“#content_caract_1bis”）.toggle（400）；//chache ou affiche a une vitesse constante（400）
});
$（'#carat1bis2'）。单击（函数（）{//Au clic sur unélément
$（“#content_caract_1bis2”）.toggle（400）；//chache ou affiche a une vitesse constante（400）
});
$（'#carat1bis3'）。单击（函数（）{//Au clic sur unélément
$（“#content_caract_1bis3”）.toggle（400）；//chache ou affiche a une vitesse constante（400）
});
您可以为需要“可切换”的所有内容分配一个类

你的英语很好，我们可以理解你的问题，没问题。法国的英语声誉不太好：）但是谢谢！
<div class="toggable">
  one
</div>
<div class="toggable">
  two
</div>

<button id="hide-stuff">
  toggle
</button>

$('#hide-stuff').click(function() {
    $('.toggable').toggle();
})

$("#content_caract_1").find("div").hide();

$('#btnp').click( function() { // Au clic sur un élément
$("#content_caract_1").find("div").show();// chache ou affiche a une vitesse constante (400)
    });


$('#btnd').click( function() { // Au clic sur un élément
$("#content_caract_1").find("div").hide();// chache ou affiche a une vitesse constante (400)
    });