Javascript 如果另一个div通过引导打开,则关闭div
如果我点击另一个,我想关闭打开的div。现在如果我打开一个,打开另一个,两个都仍然打开。我尝试了数据折叠组,但没有成功。 我使用引导折叠,但我没有找到任何提示如何解决这个问题 这是我的密码:Javascript 如果另一个div通过引导打开,则关闭div,javascript,jquery,html,css,twitter-bootstrap,Javascript,Jquery,Html,Css,Twitter Bootstrap,如果我点击另一个,我想关闭打开的div。现在如果我打开一个,打开另一个,两个都仍然打开。我尝试了数据折叠组,但没有成功。 我使用引导折叠,但我没有找到任何提示如何解决这个问题 这是我的密码: <!--válasszon--> <div class="container" id="choose"> <div class="container"> <div class="row"> <div class="
<!--válasszon-->
<div class="container" id="choose">
<div class="container">
<div class="row">
<div class="col-md-12" style="text-align:center;">
<p class="title" style="color:#0eb493">VÁLASSZON!</p>
<img src="img/chooselogo.png" style="width:300px;margin-bottom:70px;">
</div>
</div>
<div class="row"style="margin-bottom:60px;">
<div class="col-md-4 choosehover" data-toggle="collapse" href="#collapsedoc" aria-expanded="false" aria-controls="collapseExample">
<p class="choosetitel"><img src="img/doc.png" style="margin-right:10px;padding-top:20px;">A4 / A3 dokumentum nyomtatás</p>
<p class="choosecontent">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore</p>
</div>
<div class="col-md-4 choosehover" data-toggle="collapse" href="#collapsenevjegykartya" aria-expanded="false" aria-controls="collapseExample">
<p class="choosetitel"><img src="img/nevjegykartya.png" style="margin-right:10px;padding-top:20px;">Névjegykártya</p>
<p class="choosecontent">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore</p>
</div>
<div class="col-md-4 choosehover" data-toggle="collapse" href="#collapseszorolap" aria-expanded="false" aria-controls="collapseExample">
<p class="choosetitel"><img src="img/szorolap.png" style="margin-right:10px;padding-top:20px;">Szórólap</p>
<p class="choosecontent">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore</p>
</div>
</div>
<div class="row" style="margin-bottom:70px;">
<div class="col-md-4 choosehover" data-toggle="collapse" href="#collapseplakat" aria-expanded="false" aria-controls="collapseExample">
<p class="choosetitel"><img src="img/plakat.png" style="margin-right:10px;padding-top:20px;">Plakát</p>
<p class="choosecontent">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore</p>
</div>
<div class="col-md-4 choosehover" data-toggle="collapse" href="#collapsecegeslevp" aria-expanded="false" aria-controls="collapseExample">
<p class="choosetitel"><img src="img/cegeslevp.png" style="margin-right:10px;padding-top:20px;">Céges levélpapír</p>
<p class="choosecontent">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore</p>
</div>
<div class="col-md-4 choosehover" data-toggle="collapse" href="#collapseetikett" aria-expanded="false" aria-controls="collapseExample">
<p class="choosetitel"><img src="img/etikett.png" style="margin-right:10px;padding-top:20px;">Etikettek</p>
<p class="choosecontent">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore</p>
</div>
</div>
</div>
</div>
<!--collapsedoc-->
<div class="collapse" id="collapsedoc">
doc
</div>
<!--nevjegykartya-->
<div class="collapse" id="collapsenevjegykartya">
nevjegy
</div>
<!--szorolap-->
<div class="collapse" id="collapseszorolap">
szorolap
</div>
<!--plakat-->
<div class="collapse" id="collapseplakat">
plakat
</div>
<!--ceges levelpapir-->
<div class="collapse" id="collapsecegeslevp">
cegeslevp
</div>
<!--etikett-->
<div class="collapse" id="collapseetikett">
etikett
</div>
VÁLASSZON
A4/A3多库门图姆·尼奥姆塔斯
在所有自然错误情况下,都有明确的说明,包括对所有人的尊重、对所有人的尊重和对发明者的尊重
Névjegykártya
在所有自然错误情况下,都有明确的说明,包括对所有人的尊重、对所有人的尊重和对发明者的尊重
Szórólap
在所有自然错误情况下,都有明确的说明,包括对所有人的尊重、对所有人的尊重和对发明者的尊重
普拉卡特
在所有自然错误情况下,都有明确的说明,包括对所有人的尊重、对所有人的尊重和对发明者的尊重
Céges levélpapír
在所有自然错误情况下,都有明确的说明,包括对所有人的尊重、对所有人的尊重和对发明者的尊重
Etikettek
在所有自然错误情况下,都有明确的说明,包括对所有人的尊重、对所有人的尊重和对发明者的尊重
医生
内维吉
索罗拉普
普拉卡特
塞格斯列夫
艾蒂克特
我应该编写自定义javascript还是可以用引导解决 就像你需要的那样。
<div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
<div class="panel panel-default">
<div class="panel-heading" role="tab" id="headingOne">
<h4 class="panel-title">
<a data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne">A4 / A3 dokumentum nyomtatás
</a>
</h4>
</div>
<div id="collapseOne" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingOne">
<div class="panel-body">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading" role="tab" id="headingTwo">
<h4 class="panel-title">
<a data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" aria-expanded="true" aria-controls="collapseTwo">Névjegykártya
</a>
</h4>
</div>
<div id="collapseTwo" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingTwo">
<div class="panel-body">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading" role="tab" id="headingThree">
<h4 class="panel-title">
<a data-toggle="collapse" data-parent="#accordion" href="#collapseThree" aria-expanded="true" aria-controls="collapseThree">Szórólap
</a>
</h4>
</div>
<div id="collapseThree" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingThree">
<div class="panel-body">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore
</div>
</div>
</div>
</div>
在所有人都存在错误的情况下,所有人都能清楚地看到错误所在,因为它们是一种值得称赞的行为,是一种发明者的行为
在所有人都存在错误的情况下,所有人都能清楚地看到错误所在,因为它们是一种值得称赞的行为,是一种发明者的行为
在所有人都存在错误的情况下,所有人都能清楚地看到错误所在,因为它们是一种值得称赞的行为,是一种发明者的行为
像这样吗?这里我使用了Bootstrap 3。所以您需要对Bootstrap和jquery进行引用