[打开/关闭a 使用按钮

Question

我有3个不同的div和3个按钮。每个按钮将打开一个div，如果打开了另一个div，则必须先关闭第一个div。我可以用一些js来做。我不是程序员，所以我在js上的技能接近于0。

每个按钮使用的类别：.button-1，.button-2和.button-3。每个div都有不同的ID：#div-1，#div-2和#div-3。

这是我正在使用的代码（每个按钮和div重复x3：]]

jQuery(document).ready(function() {
// Hide the div
jQuery('#div-1').hide();
jQuery('.button-1').click(function(e){
e.preventDefault();jQuery("#div-1").slideToggle('opened closed');

});
});

jQuery(function($){
$('.button-1').click(function(e){
e.preventDefault();
$('#div-2').hide();
$('#div-3').hide();

});
});
工作正常。当您打开和关闭相同的div时，效果是平滑的，但是当在打开另一个div时单击另一个按钮时，两个div之间的过渡效果都不平滑。

有任何建议吗？可以在我的网站here中看到它。

我想问一问打开其中一个是否有可能不允许用户关闭.divs

提前感谢！

我有3个不同的div和3个按钮。每个按钮将打开一个div，如果打开了另一个div，则必须先关闭第一个div。我可以用一些js来做。我不是程序员，所以我在js上的技能是...

Answer 1

为了顺利交换div，我将使用fadeIn()方法。然后，我将它们完全定位在包装纸内，这样它们就可以在同一位置淡入淡出，而不会彼此往下推。这是jsFiddle中的示例。