jQuery анимация для расширения информации о проблемах

Question

Итак, я все еще пытаюсь получить виджет jQuery.

У меня его почти нет! Мне нужно, чтобы кнопка закрытия начала закрываться, но поскольку в том же контейнере она запускает и другую анимацию. Какие-либо предложения?

Вот jsfiddle звено моего кода до сих пор http://jsfiddle.net/w39Bb/5/

$('.outer-shell').click(function() { 
    $(this).animate({ 
     height: '580px' 
    }, 750).addClass('selected'); 
    $(this).find('.inner-shell').animate({ 
     height: '550px' 
    }, 750); 
    $(this).find('.details-click').animate({ 
     width: "0" 
    }, 400).hide(100); 
    $(this).find('.image-left-small , .image-right-small').animate({ 
     opacity: 0 
    }).hide(400); 
    $(this).find('.image-left-large, .image-right-large').animate({ 
     opacity: 1 
    }).show(0); 
    $(this).find('.close').animate({ 
     opacity: 1 
    }, 1000).show(); 
}); 

$('h1.close').click(function() { 
    $('.outer-shell').animate({ 
     height: '235px' 
    }, 200).removeClass('selected'); 
    $('.inner-shell').animate({ 
     height: '229px' 
    }, 200); 
    $('.details-click').animate({ 
     width: '299px' 
    }, 100).show(); 
    $('.image-left-small , .image-right-small').animate({ 
     opacity: 1 
    }, 100).show(); 
    $('.image-left-large, .image-right-large').animate({ 
     opacity: 0 
    }, 400).hide(); 
}); 

$('.outer-shell').hover(function() { 
    $(this).toggleClass('hover'); 
}); 

Answer 1

Не уверен, если это то, что вы пытаетесь достичь, но .. добавьте stopPropagation?

$('h1.close').click(function (e) { 
    e.stopPropagation(); 
    // The rest is the same :) 

http://jsfiddle.net/w39Bb/6/

Answer 2

Будет ли она работать для вас, если вы скрываете другой DIV, который вы не хотите, используя $('#div-to-hide').hide()