fadeIn fadeOut列表中的jquery first-child不起作用

时间:2011-12-16 12:46:39

标签: jquery list bind fadein css-selectors

Chaps,我得到的这个列表没有打开另一个列表。

http://jsfiddle.net/mdamC/147/

我想显示第一个孩子,然后点击显示其他项目。

2 个答案:

答案 0 :(得分:0)

试试这个小提琴http://jsfiddle.net/mdamC/149/

$("ul#links li a").unbind().bind('click', function(e) {
    e.preventDefault();
    e.stopPropagation();
    $(this).toggleClass('active');
    $(".descriptions").fadeOut();
    //you must get the index of the parent <li> otherwise the index of the <a> is always 0!
    var index = $(this).parent().index();

    $(".descriptions").eq(index).fadeIn();

    $('.active').removeClass('active');
    $(this).addClass('active');

}, function(e) {
    $(".descriptions").stop().fadeOut();
});

答案 1 :(得分:0)

您修改了代码http://jsfiddle.net/mdamC/150/ Basicall使用单击锚点的href,获取描述div并切换它。如果您正在寻找其他内容,请告诉我。