Зафиксировать выпадающее окно

[Azazello77]

На сайте установлена корзина, при нажатии на которую выпадает окно. Однако если увести курсор в стоорону-окно скрывается. Хочу, чтобы оно скрывалось только при повторном нажатии на корзину, или при клике в произвольном месте страницы, но не пойму, что нужно добавить...

#header #cart .content {
    background: #FFFFFF;
    clear: both;
    display: none;
    min-height: 150px;
    min-width: 400px;
    position: absolute;
    right: 0;
    border-top: 4px solid #481a03;
    z-index: 20;
    line-height: 20px;
}

#header #cart.active .content {
  display: block;

сайт shop.nash-coffee. ru

 

[Iga]

Мне кажется, к этому вопросу надо подключать программинг. Чтобы форма реагировала на событие. Я бы копал в эту сторону.
Могу быть не прав.

 

[Absolute]

в /catalog/view/javascript/common.js

    /* Ajax Cart */
    $('#cart > .heading a').live('click', function() {
        $('#cart').addClass('active');
   
        $('#cart').load('index.php?route=module/cart #cart > *');
   
        $('#cart').live('mouseleave', function() {
            $(this).removeClass('active');
        });
    });

Заменить на

    /* Ajax Cart */
    $('#cart > .heading a').live('click', function() {
        $('#cart').toggleClass('active');
   
        $('#cart').load('index.php?route=module/cart #cart > *');
   
    });

 

[Azazello77]

не помогло

 

[Absolute]

не помогло

Обновите страницу. Возможно, скрипт берется из кэша.

 

[Azazello77]

почистил кэш опенкарта, вкьюмода и в опере куки, а заработало все равно не сразу)) но заработало, спс!

 

[mdss]

Дорабатываем, чтобы скрывало еще и при клике в другой области

	/* Ajax Cart */
	$('#cart > .heading a').live('click', function() {
		$('#cart').toggleClass('active');
		$('#cart').load('index.php?route=module/cart #cart > *');
	});
	$(document).live('click', function() {
		jQuery('#cart').removeClass('active');
	});
	$('#cart > .heading a').live('click', function(e) {
		e.stopPropagation();
	});