Как применить анимацию для отдельного блока?

Здравствуйте! Есть анимация корзины, которая выезжает с краю экрана. Проблема в том, что при закрытии она уезжает вместе с кнопкой вызова и открыть ее снова не получится.
<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
  • Вопрос задан
  • 45 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы