javascript，带if-else的div按钮

我不是一个程序员，但不知何故，我成功地制作了div按钮，在单击时打开另一个div，但我无法管理如何制作，因此当我单击一个按钮打开div，然后单击另一个按钮时，它会打开div并隐藏上一个div。我想稍后将其集成到joomla模板中，但是当我使用jquery和所有的努力时，如果不起作用，也许有人比我聪明。提前谢谢。我也把小提琴放在这里。

在得到一些有用的答案后，我重新编辑了我的代码，并设法简化代码，添加了第三个按钮，现在有了额外的css类，一切看起来都很好，但当我单击“已打开的div”时，它会重新出现，好像在循环

单击按钮，可以在另一个

uch

元素上调用

hide（'slow'）

。试试这个：

 $(document).ready(function() {
$('#b1').click(function() {
$('.bats').hide("slow");
$('#uch').toggle("slow");
});
$('#b2').click(function() {
$('.bats').hide("slow");
$('#uch2').toggle("slow");
});
$('#b3').click(function() {
$('.bats').hide("slow");
$('#uch3').toggle("slow");
});
})

---

您可以编写一个函数来关闭打开的函数！然后在单击功能中调用它们，然后再切换另一个。

将ID更改为类

$('#b1').click(function() {
    $('#uch').toggle("slow");
    $('#uch2').hide("slow");
});
$('#b2').click(function() {
    $('#uch').hide("slow");
    $('#uch2').toggle("slow");
});

---

以下是解决您问题的有效方法： 按如下方式更改JQuery代码：

$(document).ready(function() {
  $('.b1').click(function() {
  $('.uch').hide();
    $(this).find('.uch').toggle("slow");
  });
});

---

这里有一个

这样我就失去了平滑的动画和循环，不知何故不是我真正想要的，但我缓存了想法。没问题，很高兴能提供帮助

$(document).ready(function() {
  $('.b1').click(function() {
  $('.uch').hide();
    $(this).find('.uch').toggle("slow");
  });
});

$(document).ready(function() {
  $('#b1').click(function() {
     if($('#uch2').css('display') != 'none'){
          $('#uch2').toggle("slow");
};
    $('#uch').toggle("slow");
  });
  $('#b2').click(function() {
     if($('#uch').css('display') != 'none'){
          $('#uch').toggle("slow");
};
    $('#uch2').toggle("slow");
  });



});