Javascript 单击图像时引导崩溃
我正在为一个音乐节(小型音乐节)创建一个网站。就像你在这个例子中看到的:(这只是一个测试网站)。 我想有折叠div当我点击图像,巫婆显示有关艺术家的信息。当我单击其他图像时,我想隐藏活动div,然后显示与单击图像对应的其他div 在询问stackoverflow之前,我已经尝试了一些与引导崩溃相关的代码。正如您在“samedisoir”部分中看到的,当我单击图像时,它可以工作,但是如果我单击第二个图像,与第一个图像相关的div不会关闭。我认为Javascript是必要的,但我对它一无所知 我想听听关于我想做什么的建议。在这种情况下,塌陷函数是最好的解决方案,还是另一种解决方案更好 我的代码:Javascript 单击图像时引导崩溃,javascript,css,image,twitter-bootstrap,collapse,Javascript,Css,Image,Twitter Bootstrap,Collapse,我正在为一个音乐节(小型音乐节)创建一个网站。就像你在这个例子中看到的:(这只是一个测试网站)。 我想有折叠div当我点击图像,巫婆显示有关艺术家的信息。当我单击其他图像时,我想隐藏活动div,然后显示与单击图像对应的其他div 在询问stackoverflow之前,我已经尝试了一些与引导崩溃相关的代码。正如您在“samedisoir”部分中看到的,当我单击图像时,它可以工作,但是如果我单击第二个图像,与第一个图像相关的div不会关闭。我认为Javascript是必要的,但我对它一无所知 我想听
<section id="saturday-night">
<div class="full-container">
<div class="row">
<h2>Samedi Soir</h2>
<div class="panel-group" id="accordion">
<div class="grid">
<div class="panel panel-default">
<figure class="effect-lily">
<img src="images/artistes/12.jpg" alt="img12"/>
<figcaption>
<div>
<h2>First <span>Image</span></h2>
<p>Lily likes to play with crayons and pencils</p>
</div>
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#panel1">Panel 1</a>
</figcaption>
</figure>
</div>
<div class="panel panel-default">
<figure class="effect-lily">
<img src="images/artistes/12.jpg" alt="img12"/>
<figcaption>
<div>
<h2>Second <span>image</span></h2>
<p>Lily likes to play with crayons and pencils</p>
</div>
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#panel2">Panel 1</a>
</figcaption>
</figure>
</div>
<div id="panel1" class="panel-collapse collapse">
<div class="panel-body">
<p>Contents panel 1</p>
</div>
</div>
<div id="panel2" class="panel-collapse collapse">
<div class="panel-body">
Contents panel 2
</div>
</div>
</div>
</div>
萨梅迪索尔酒店
第一图像
莉莉喜欢玩蜡笔和铅笔
第二图像
莉莉喜欢玩蜡笔和铅笔
目录面板1
目录面板2
这太简单了。只需在引导程序上正确设置折叠选项卡。只需将该选项卡的文本替换为image src。让一切保持原样。就这样。请在这里显示您的代码。当你发布这个问题的时候,你应该得到一个通知。我最终找到了一个解决方案。。。您可以在这里看到代码:但是我想使用引导类“hidden”和“show”而不是为了显示div而创建的“hidee”类。我真的不知道如何更改此javascript代码。我已经尝试了.switchclass jquery函数,但它不起作用。谢谢你的朋友。请在下面提供答案或删除您的问题。