jquery ui 2切换后显示/隐藏停止工作

Question

我有一个图像 - 当点击它显示两个孩子divs，然后隐藏他们，当鼠标离开。

这只能连续工作两次，然后停止对点击进行任何操作。

$('.art').click(function(){ 
    var $this = $(this) 

    $this.children('.details').children('div').eq(1).show("slide", {direction: "left", easing: "easeOutQuad"}, 200); 
    $this.children('.details').children('div').eq(0).show("slide", {direction: "right", easing: "easeOutQuad"}, 200); 

    $this.bind("mouseleave", function(){ 
     $this.children('.details').children('div').eq(0).hide("slide", {direction: "left", easing: "easeOutQuad"}, 200); 
     $this.children('.details').children('div').eq(1).hide("slide", {direction: "right", easing: "easeOutQuad"}, 200); 
    }) 
}); 

Answer 1

你结合你的元素上点击了.art类每一次鼠标离开。你能告诉我，如果这改善了事情：

$('.art').click(function(){ 
    var $this = $(this); 

    $this.children('.details').children('div').eq(1).show("slide", {direction: "left", easing: "easeOutQuad"}, 200); 
    $this.children('.details').children('div').eq(0).show("slide", {direction: "right", easing: "easeOutQuad"}, 200); 
}); 

$('.art').mouseleave(function(){ 
    var $this = $(this) 
    $this.children('.details').children('div').eq(0).hide("slide", {direction: "left", easing: "easeOutQuad"}, 200); 
    $this.children('.details').children('div').eq(1).hide("slide", {direction: "right", easing: "easeOutQuad"}, 200); 
    })