我正在使用jquery的滑动切换使用4个可扩展div的网站上工作。所有的工作都很好,但我不希望同时扩展超过1个div。换句话说:当div展开时,其他展开的div应该关闭。手风琴不是我认为的选择,因为所有div的造型都不一样。以下是我的代码。一次只允许显示一个滑动切换div
$(document).ready(function(){
// slidetoggles
$("#tgx-window").hide();
$("#tgx-button").show();
$("#tgs-window").hide();
$("#tgs-button").show();
$("#tgm-window").hide();
$("#tgm-button").show();
$("#tgl-window").hide();
$("#tgl-button").show();
$('#tgx-button').click(function(){
$('#tgx-button').toggleClass('closebutton');
$("#tgx-window").slideToggle();
});
$('#tgs-button').click(function(){
$('#tgs-button').toggleClass('closebutton');
$("#tgs-window").slideToggle();
});
$('#tgm-button').click(function(){
$('#tgm-button').toggleClass('closebutton');
$("#tgm-window").slideToggle();
});
$('#tgl-button').click(function(){
$('#tgl-button').toggleClass('closebutton');
$("#tgl-window").slideToggle();
});
HTML:
<a onclick="" class="show_hide" id="<?=strtolower($service['title']);?>-button"></a>
<div class="slidingDiv" id="<?=strtolower($service['title']);?>-window">
<?
$infoBox = '<h1>'.$service['subtitel'].'</h1>';
$infoBox .= $service['description'];
echo replaceTags($infoBox);
?>
</div>
也发布你的html代码 – bipen 2013-03-11 09:13:48
也许你可以用你当前的代码创建一个[jsfiddle](http://jsfiddle.net/)? – 2013-03-11 09:14:00
你可以使用手风琴控制。 – 2013-03-11 09:14:15