鏈接邏輯與幻燈片和隱藏/顯示？

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); 
}); 

然後，它的問題添加邏輯以檢查在什麼時間顯示哪些元素。