使用slidetoggel时关闭其他div

时间:2018-10-01 14:44:05

标签: slidetoggle

我在网站上使用以下代码打开某些div。它几乎完美地工作。但是,当我打开第二个div时,我希望另一个div关闭。我该怎么办?

<script type="text/javascript">
 jQuery(document).ready(function() {
// Hide the div
jQuery('#reveal1').hide();
jQuery('.rv_button1').click(function(e){
e.preventDefault();jQuery("#reveal1").slideToggle();
jQuery('.rv_button1').toggleClass('opened closed');
});
});

 jQuery(document).ready(function() {
// Hide the div
jQuery('#reveal2').hide();
jQuery('.rv_button2').click(function(e){
e.preventDefault();jQuery("#reveal2").slideToggle();
jQuery('.rv_button2').toggleClass('opened closed');
});
});

 jQuery(document).ready(function() {
// Hide the div
jQuery('#reveal3').hide();
jQuery('.rv_button3').click(function(e){
e.preventDefault();jQuery("#reveal3").slideToggle();
jQuery('.rv_button3').toggleClass('opened closed');
});
});

</script>

0 个答案:

没有答案