jquery first-child в списке fadeIn fadeOut не работает

Парни, у меня есть этот список, который не открывает другой список.

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

Я хочу отобразить первый дочерний элемент, а затем при щелчке отобразить другие элементы.


list jquery bind css-selectors fadein
person DD77    schedule 16.12.2011    source источник

Ответы (2)


arrow_upward
0
arrow_downward

Попробуйте эту скрипту 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();
});
person Nicola Peluchetti    schedule 16.12.2011
comment
Спасибо, чувак, в моей локальной версии все элементы div не отображаются...!!! - person DD77; 16.12.2011
comment
Николай, а вы знаете почему? потому что не работает с последней версией jquery 7.1. Любая идея, почему? - person DD77; 16.12.2011
comment
@ DD77 они изменили способ обработки событий в версии 1.7, попробуйте следующее: jsfiddle.net/mdamC/157 - person Nicola Peluchetti; 16.12.2011

arrow_upward
0
arrow_downward

Привет, вы изменили код http://jsfiddle.net/mdamC/150/ Basicall, используя href щелкнутого привязка, получение описания div и его переключение. Пожалуйста, дайте мне знать, если вы ищете что-то еще.

person kvc    schedule 16.12.2011