私は表示と非表示を疑っています。私はブートストラップを使用していますが、表示と非表示の使い方を理解できません。そのパネルを非表示にしている間に他のパネルを隠しておき、パネルを閉じると他のパネルが再び表示され、他のパネルを選択するとそのパネルが非表示になりますShowを実装する方法ボタンを表示しないでJavaScriptを非表示にする
コード:
<div class="container">
<h2>Our Attorneys</h2>
<div class="panel-group">
<div class="panel panel-default" id="drop1">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" href="#collapse1">Ricardo Aguirre M.</a>
</h4>
</div>
<div id="collapse1" class="panel-collapse collapse">
<ul class="list-group">
<li class="list-group-item" style="color: black;">
<p>
text
</p>
</li>
</ul>
</div>
</div>
<div class="panel panel-default" id="drop2">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" href="#collapse2">Abel Chávez S.</a>
</h4>
</div>
<div id="collapse2" class="panel-collapse collapse">
<ul class="list-group">
<li class="list-group-item" style="color: black;">
<p>
text
</p>
</li>
</ul>
</div>
</div>
<div class="panel panel-default" id="drop3">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" href="#collapse3">Angelly Wendy González F.</a>
</h4>
</div>
<div id="collapse3" class="panel-collapse collapse" style="color: black;">
<ul class="list-group">
<li class="list-group-item">
<p>
text
</p>
</li>
</ul>
</div>
</div>
<div class="panel panel-default" id="drop4">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" href="#collapse4">Erick Garcia C.</a>
</h4>
</div>
<div id="collapse4" class="panel-collapse collapse" style="color: black;">
<ul class="list-group">
<li class="list-group-item">
<p>
text
</p>
</li>
</ul>
</div>
</div>
<div class="panel panel-default" id="drop5">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" href="#collapse5">María Guadalupe Vargas A.</a>
</h4>
</div>
<div id="collapse5" class="panel-collapse collapse" style="color: black;">
<ul class="list-group">
<li class="list-group-item">
<p>
<p>
text
</p>
</p>
</li>
</ul>
<%--<div class="panel-footer">Footer</div>--%>
</div>
</div>
</div>
と領域:
<script>
$(document).ready(function(){
$("#drop1").click(function() {
$("drop2").hide();
$("drop3").hide();
$("drop4").hide();
$("drop5").hide();
},
function() {
$("drop2").show();
$("drop3").show();
$("drop4").show();
$("drop5").show();
});
$("#drop2").click(function() {
$("drop3").hide();
$("drop4").hide();
$("drop5").hide();
$("drop1").hide();
},
function() {
$("drop3").show();
$("drop4").show();
$("drop5").show();
$("drop1").show();
});
$("#drop3").click(function() {
$("drop1").hide();
$("drop2").hide();
$("drop4").hide();
$("drop5").hide();
},
function() {
$("drop1").show();
$("drop2").show();
$("drop4").show();
$("drop5").show();
});
$("#drop4").click(function() {
$("drop2").hide();
$("drop3").hide();
$("drop1").hide();
$("drop5").hide();
},
function() {
$("drop2").show();
$("drop3").show();
$("drop1").show();
$("drop5").show();
});
$("#drop5").click(function() {
$("drop2").hide();
$("drop3").hide();
$("drop4").hide();
$("drop1").hide();
},
function() {
$("drop2").show();
$("drop3").show();
$("drop4").show();
$("drop1").show();
});
});
</script>
私は非常に混乱しています。
それはそれだが、私がやりたいたいと非常に近いですが、それは動作しますが、私が初めてと皮革を使用してどこに問題があります別の名前だが、私は同じパネルをもう一度閉じると、他のパネルを表示しない。 –