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

我添加了一个关键链接到＆＃34; A＆＃34; div，但是如果我按下关闭链接，div会隐藏，我不能通过链接1,2,3再次显示它们 - 我必须整合＆＃34;切换＆＃34;？

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

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

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

1 个答案: