Проблема с Jquery переключения / анимации

Question

Мой сайт: http://www.daysofthedead.net

Я сделал 2 скользящие панели на правой стороне экрана.Один для Facebook, другой для Twitter.Вы нажимаете вкладку Facebook, и она открывается, затем, если вы щелкнете вкладку Twitter, когда панель Facebook все еще открыта, Facebook закроется и откроется Twitter, и наоборот.

Моя проблема: Вы нажимаете один раз, чтобыоткройте Facebook, затем откройте Twitter.После этого вам придется дважды щелкать по каждой вкладке, если только вы не закроете панель перед открытием второй панели.

Может кто-нибудь взглянуть на мой код ниже и помочь мне выяснить, почему это происходит?

Посмотрите на код здесь: http://jsfiddle.net/Draven/4BQAs/

Answer 1

Я думаю, что переключение создавало некоторые проблемы, в этом случае вы можете просто использовать click:

$('.panel-tab').click(function(event) {
    var that = this;
    if ($('.active').length > 0) {
        $('.active').animate({
            marginRight: '0'
        }, 1000,'linear', function() {
            var targetClosed = $(this).find('a').data('target');
            var targetOpen = $(that).data('target');
            if (targetClosed != targetOpen){
            $('#panel-' + targetOpen).animate({
                marginRight: '292'
            }, 1000).addClass('active');
        }
        }).removeClass('active');
    } else {
        $('#panel-' + $(this).data('target')).animate({
            marginRight: '292'
        }, 1000).addClass('active');
    }
});

здесь: http://jsfiddle.net/4BQAs/8/