Разварачивание строк в таблице на jQyery

[e1f]

$(function(){
    $('#report tr:not(.odd, :first-child)').bind('mouseleave', function(e) {
        var self = $(this),
            prev = self.prev();

        if (prev[0] === $(e.relatedTarget).closest('tr')[0]) {
            return;
        }

        self.hide();
        prev.find('.arrownext').toggleClass('up');
    })*!*.hide();*/!*

    $('#report tr.odd').bind('mouseenter mouseleave', function(e) {
        var self = $(this),
            next = self.next();

        if (next[0] === $(e.relatedTarget).closest('tr')[0]) {
            return;
        }

        if (e.type == 'mouseenter') {
            next.show();
        } else {
            $('#report tr:not(.odd, :first-child)').hide();
        }

        self.find('.arrownext').toggleClass('up');
    }).eq(0).triggerHandler('mouseenter');
}());

Так и не понял куда хид девать. Ладно пойду домой, дома буду пробовать. А Вы специально недоделываете код чтобы дать мне возможность помучится? ))

Хм. Я даю Вам возможность научиться самому. Вы же ею не пользуетесь.

[Suharik]

Спасибо все заработало. Но я именно в то место ставил хиде, но не работало. Видемо надо было надо было поменять местами. И подскажите, зачем в 30 строке Вы сделали дополнительные скобки ()?

[Suharik]

Скажите а есть решение еще такой задачи. Нужно чтобы при отводе мыши из таблицы, тр не закрывался))

[e1f]

Дополнительные скобки -- это очепятка
Решение есть. Думайте.

[Suharik]

К сожалению не смог додуматся. На сколько я понял что нужно сделать условие типо такова if (e.type == 'mouseleave') {
.eq(0).triggerHandler('mouseenter');
}
Но это не работает)
просто не силен в jQuery да и в самом JS не очень. учусь пока))

[e1f]

Вот вариант. В этом случае все намного проще.

$(function(){
    // this part must be done in css, not here!
    // show first row
    $('#report tr:first-child').show().
    // and hide all tips
        siblings(':nth-child(2n+1)').hide();

    $('#report tr:odd').unbind().bind('mouseenter', function() {
        // row
        var self = $(this),
        // tip
            next = self.next();

        // if tip already visible -- don't do anything
        if (next.is(':visible')) {
            return;
        }

        // instead of show/hide, much better add/remove special class
        // show tip 
        next.show().
        // and hide all another tips
            siblings(':not(:nth-child(2n), :first-child)').hide();

        // don't know, what is that
        self.find('.arrownext').toggleClass('up');
    }).
    // no need to do eq(0) -- why?
    triggerHandler('mouseenter');
});

Разберитесь хотя бы, как это работает.

[Suharik]

// don't know, what is that
26 self.find('.arrownext').toggleClass('up');

Это делает картинку arrow.png если мышь наведена то картинка меняется.
А откуда Вы взяли это (2n+1), это с jQuery или сами придумали, и для чего это?

[e1f]

Suharik, Вас действительно на гугле забанили?

[Suharik]

Очень смешно! но все равно спасибо. Пошел учить английский язык.

[e1f]

Мда. А если на вторую ссылку в выдаче нажать? Там русская дока по jQuery, вообще-то