Javascript 仅使用一个按钮展开其他按钮
我的HTML页面上有很多按钮。单击按钮时,所有这些按钮都会展开一些信息 为了使它更有用,我只想使用一个按钮,展开其他按钮 首先,我尝试只显示一个按钮与主按钮,然后我会为其他按钮 这就是我到现在为止所做的,它显示出不同,但它不会崩溃Javascript 仅使用一个按钮展开其他按钮,javascript,php,jquery,button,collapse,Javascript,Php,Jquery,Button,Collapse,我的HTML页面上有很多按钮。单击按钮时,所有这些按钮都会展开一些信息 为了使它更有用,我只想使用一个按钮,展开其他按钮 首先,我尝试只显示一个按钮与主按钮,然后我会为其他按钮 这就是我到现在为止所做的,它显示出不同,但它不会崩溃 <button class="btn btn-primary" type="button" id="collapseEveryButtons" data-target="collapseEveryButtons" data-togg
<button class="btn btn-primary" type="button" id="collapseEveryButtons" data-target="collapseEveryButtons" data-toggle="collapse" aria-expanded="false" aria-controls="MonCollapse"><i class="glyphicon glyphicon-chevron-right"></i> Collapse</button>
<button class="btn btn-primary" type="button" id="collapseForm1" data-target="#collapseForm1" data-toggle="collapse" aria-expanded="false" aria-controls="MonCollapse"><i class="glyphicon glyphicon-chevron-right"></i> Form1</button>
<div id="collapseForm1" class="collapse">
<div class="form-group">
<label for="name1">Name :</label><br>
<input type="text" style="background-color:#bfbfbf;" disabled name="name1" class="form-control" id="name1" value="<?php echo $name1;?>">
</div>
<div class="form-group">
<label for="email">Email :</label><br>
<input type="text" style="background-color:#bfbfbf;" disabled name="email" class="form-control" id="email" value="<?php echo $email;?>">
</div>
</div>
<script type="text/javascript">
<!-- Change the color of the button when it's open-->
$('#collapseEveryButtons').click( function(){
$('#Form1').find('i').toggleClass('glyphicon glyphicon-chevron-right').toggleClass('glyphicon glyphicon-chevron-down');
$('.btn btn-open').not(this).removeClass('btn-open');
$('#collapseAnneesRenovation').toggleClass('btn-open-collapsed');
$("#collapseAnneesRenovation").attr("aria-expanded",true);
var $collapse = $('#collapseAnneesRenovation').find('.collapse');
$collapse.collapse('toggle');
});
</script>
谢谢你的帮助。没关系,我解决了,但还是有问题
<div id="anneesRenovationCollapse" class="collapse">
<div class="form-group">
<label for="name">Name :</label><br>
<input type="text" style="background-color:#bfbfbf;" disabled name="name" class="form-control" id="immeuble_n_anne_toit" value="<?php echo $name;?>">
</div>
</div>
<script type="text/javascript">
$('#collapseEveryButtons').click( function(){
$('#collapseAnneesRenovation').find('i').toggleClass('glyphicon glyphicon-chevron-right').toggleClass('glyphicon glyphicon-chevron-down');
$('.btn btn-open').not(this).removeClass('btn-open');
$('#collapseAnneesRenovation').toggleClass('btn-open-collapsed');
$("#collapseAnneesRenovation").attr("aria-expanded",true);
$('#anneesRenovationCollapse').find('.collapse');
$('#anneesRenovationCollapse').toggleClass('collapse collapse in');
});
</script>
名称:
展开按钮
。。。。?怎么用?你想达到什么目标?您的问题不清楚…请创建一个可运行的代码段来显示您的问题。您应该始终输入变量名、注释、类名。。。用英语。或者至少,把它们用英式英语写在这里。很多非法国人会读你的代码,但不懂伊托克语,我用英语改了。我英语不流利,所以我尽力了。有很多按钮可以打开表单,但是你需要一个接一个地打开。我只想用一个主按钮打开所有按钮。希望你能理解
<div id="anneesRenovationCollapse" class="collapse">
<div class="form-group">
<label for="name">Name :</label><br>
<input type="text" style="background-color:#bfbfbf;" disabled name="name" class="form-control" id="immeuble_n_anne_toit" value="<?php echo $name;?>">
</div>
</div>
<script type="text/javascript">
$('#collapseEveryButtons').click( function(){
$('#collapseAnneesRenovation').find('i').toggleClass('glyphicon glyphicon-chevron-right').toggleClass('glyphicon glyphicon-chevron-down');
$('.btn btn-open').not(this).removeClass('btn-open');
$('#collapseAnneesRenovation').toggleClass('btn-open-collapsed');
$("#collapseAnneesRenovation").attr("aria-expanded",true);
$('#anneesRenovationCollapse').find('.collapse');
$('#anneesRenovationCollapse').toggleClass('collapse collapse in');
});
</script>