我在同一页面上有两个幻灯片。需要的是,当一个人打开并且用户点击另一个人时,同时在打开第二个人时关闭第一个人。现在它们重叠......
你能帮助我吗?感谢这就是我在页面上的内容:
我在同一页面上有两个幻灯片。需要的是,当一个人打开并且用户点击另一个人时,同时在打开第二个人时关闭第一个人。现在它们重叠......
你能帮助我吗?感谢这就是我在页面上的内容
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".btn-slide").click(function(){
$("#panel").slideToggle('fast');
$("#panel2").slideToggle("fast");
$(this).toggleClass("active");
});
});
$(document).ready(function(){
$(".btn-slide2").click(function(){
$("#panel2").slideUp('fast');
$("#panel").slideToggle("fast");
$(this).toggleClass("active");
});
</script>
答案 0 :(得分:0)
mybe这可以帮到你
http://jsfiddle.net/ipsjolly/m4BTd/
<div class="accordionButton">111111</div>
<div class="accordionContent">0000000</div>
<div class="accordionButton">222222</div>
<div class="accordionContent">99999999</div>
<div class="accordionButton">33333333</div>
<div class="accordionContent">88888888</div>
$(document).ready(function() {
$('div.accordionButton').click(function() {
$('div.accordionContent').slideUp('slow');
if(!$(this).next().is(':visible')){
$(this).next().slideDown('slow');
}
});
$("div.accordionContent").hide();
});