Здравствуйте! Есть анимация корзины, которая выезжает с краю экрана. Проблема в том, что при закрытии она уезжает вместе с кнопкой вызова и открыть ее снова не получится.
<div class="korzina" style="right: 362px; z-index: 32;">
<a href="" class="icon_korz select">корзина</a>
<img style="cursor:pointer;" src="catalog/view/image/del.png" id="close_cart" class="icon_korz select">
<div id="cart">
<div class="heading">
<a><span id="cart-total" data-total="0">Товаров: 0 (0 руб)</span></a></div>
<div class="content">
<div class="empty">Ничего не куплено!</div>
</div>
</div>
</div>
$('.line1 .cart b').html($('#cart-total').attr('data-total'));
if($('#cart-total').attr('data-total') > 0&&$.cookie('open') != '2'){
$('.korzina').stop().animate({'right':'362px', 'z-index':'32'},500);
$('.icon_korz').addClass('select');
}
$('.icon_korz').click(function(){
$('.icon_korz').toggleClass('select');
if($(this).hasClass('select') == true){
$(this).parent('div').stop().animate({'right':'362px', 'z-index':'32'},500);return false;}
else {$.cookie('open', '2', {path: '/'}); $(this).parent('div').stop().animate({'right':'-300px', 'z-index':'30'},500); return false;}
});
То есть анимация применяется для всего блока .korzina, а надо только #cart. Как это сделать?
https://vk.cc/9InAwb