使用jquery切换与2个单独的按钮和2个单独的div

Question

我知道我想做的事情很简单。我之前使用了更改功能，但现在我正在切换2个图像和鼠标悬停事件的下拉列表。如果用户点击图像1，那么div 1会显示一个漂亮的幻灯片效果，如果偶然2个是活动的，他们会交换。如果他们点击2，那么div 2将显示幻灯片效果从1转换为2.

    <script type="text/javascript">

$(function(){

         $('#divarea1').hide();
         $('#divarea2').hide();


         $('#freesample').mouseover(function() {
             $('#divarea1').toggle("slide", { direction: "up" }, 600);
         });
});

</script>


<div id="divarea1"> show me this form</div>

<div id="divarea2"> show me this form</div>

我认为我所缺少的是一种捕捉切换状态或哪个按钮处于活动状态的方法。谢谢你的帮助。这是周围最好的社区之一。

Answer 1

将切换转换为函数，然后根据是否在div上找到该类，在切换中添加/删除类