链接逻辑与幻灯片和隐藏/显示？

Question

我想隐藏/按外部链接像显示同一div一些内容，这一个：

jsfiddle.net/g9hL881L/

$(document).ready(function(){ 
$('.evidence').on('click','div',function(){ 
    $('.answer div').hide(); 
    var ans = $(this).data('answer'); 
    $(ans).show(); 
}) 
}) 

$('.close').click(function() { 
$(".answer").hide(); 
}); 

我有添加一个紧密联系的“A” div，但如果我按关闭链接，divs会隐藏，我不能再通过链接1,2,3显示它们 - 我必须在其中集成“切换”？

FIDDL

Answer 1

入住这捣鼓出了一个例子。

http://jsfiddle.net/SkiWether/KFmLv/

为了简化他们的解决方案，我将分享高层次的概念：

1）的事件处理程序添加到您想要一下就使动画发生的元素...

$('a').click() 

2）添加另一个事件处理程序中$("a").click(运行toggle只要点击你的链接。在这种情况下，我选择所有p元素

$('p').toggle() 

3）参数添加到切换动画，如"slide", "left", 500 milliseconds

$('p').toggle("slide", "left", 500); 

共有：

$("a").click(function() {  
    $('p').toggle("slide", "left", 500); 
}); 

然后，它的问题添加逻辑以检查在什么时间显示哪些元素。