Помогите с onClick display block

Тема в разделе "Коммерческие", создана пользователем th7, 2 сен 2011.

Информация :
Публиковать (для всех) нуленые версии, особенно от modulesgarden КАТЕГОРИЧЕСКИ не стоит. Тема мониторится оным разработчиком, а к нам приходят абузы которые нельзя игнорировать.
Статус темы:
Закрыта.
Модераторы: Amazko, Aste
  1. th7

    th7 Создатель

    Регистр.:
    21 апр 2008
    Сообщения:
    115
    Симпатии:
    9
    Ниже код выпадающего меню при наведении на кнопку.. с помощью display: block; и none выпадает меню(окно)..
    Помогите пожалуйста поставить задержку(интервал) появления меню и его исчезания при помощи jquery-1.3.2.min.js, так как наведя на кнопку не успеваешь довести стрелку к меню как оно уже исчезает.
    Вот css
    HTML:
    ul.columns li {	
    width: 50px;	
    float: right; 
    display: block;	
    margin: 17px 10px 10px 10px; 
    padding: 0;	
    position: relative;
    }
    ul.columns li .info { 	
    position: absolute;	
    left: -10px; top: -10px;		
    margin: 70px 60px 10px -185px;		
    width: 310px;	
    display: none;	
    background: #242424;	
    font-size: 1.2em;	
    }
    ul.columns li:hover .info {display: block;}
    
    Bot Html
    HTML:
    <!-- Выпадающее меню -->		
    <ul class="columns">
        <li>
        	<a href="#"><img src="" alt="" /></a>  - Это кнопка
            <div class="info">  
             сдесь содержание меню
            </div>
        </li>
    </ul>
    <!-- //Выпадающее меню// -->		
    Заранее спасибо!
     
  2. МихалычЪ

    МихалычЪ Создатель

    Регистр.:
    1 сен 2009
    Сообщения:
    38
    Симпатии:
    7
    event на открытие и закрытие на что ставишь?
     
  3. th7

    th7 Создатель

    Регистр.:
    21 апр 2008
    Сообщения:
    115
    Симпатии:
    9
    Открывается и закрывается вот это
    HTML:
    <div class="info">  
             сдесь содержание меню
            </div>
     
  4. МихалычЪ

    МихалычЪ Создатель

    Регистр.:
    1 сен 2009
    Сообщения:
    38
    Симпатии:
    7
    mouseenter - ставь на li
    mouseleave - на div или li (но должен быть флаг на открытие блока, это для li). Ну и закрытие по задержке
     
    th7 нравится это.
  5. th7

    th7 Создатель

    Регистр.:
    21 апр 2008
    Сообщения:
    115
    Симпатии:
    9
    К сожалению в Jquary не силен.. Можно реальный пример..
    Спасибо за наводку.

    Добавлено через 16 минут
    HTML:
    
    $(document).ready(function () {
      $('.columns').mouseenter(function () {
    	                $('.info').show();
    	            });
    	 
    	            $('.columns').mouseleave('slow',function () {
    	                $('.info').hide();
    	            });
    	        });
    
    Типа того?

    Добавлено через 36 минут
    HTML:
    $(document).ready(function () {
      $('.columns').mouseenter(function () {
    	                $('.info').show('slow');
    	            });
    	 
    	            $('.columns').mouseleave('slow',function () {
    	                $('.info').hide('slow');
    	            });
    	        });
    Данный скрипт заработал, но он немного не подходит.
    Замедляется само всплывание и закрытие, а мне нужно что б уже всплывшое меню не закрывалось с интервалом например 1-2 секунды

    Получается что .show и .hide не подходит? или чтото надо дописать?
     
  6. МихалычЪ

    МихалычЪ Создатель

    Регистр.:
    1 сен 2009
    Сообщения:
    38
    Симпатии:
    7
    setInterval и clearInterval на закрытие
     
  7. th7

    th7 Создатель

    Регистр.:
    21 апр 2008
    Сообщения:
    115
    Симпатии:
    9
    Обрыл весь интернет в этих интервалах немного разобрался.
    Блин никак не могу понять как прилепить setInterval и clearInterval к этому скрипту. Ничего не выходит.
    Помогите кто может!
     
  8. jami

    jami Постоялец

    Регистр.:
    10 авг 2011
    Сообщения:
    114
    Симпатии:
    39
    Из доков jquery:

    http://api.jquery.com/show/
    The strings 'fast' and 'slow' can be supplied to indicate durations of 200 and 600 milliseconds, respectively.

    HTML:
    $(document).ready(function () {
      $('.columns').mouseenter(function () {
    	                $('.info').show('fast'); // или вообще убрать задержку на открытие, убрав этот обработчик
    	            });
    	            $('.columns').mouseleave(function () {
    	                $('.info').hide(100); // число миллисекунд задержки при mouseleave
    	            });
    	        });
    Как-то так, на работоспособность не проверял.
     
  9. МихалычЪ

    МихалычЪ Создатель

    Регистр.:
    1 сен 2009
    Сообщения:
    38
    Симпатии:
    7
    $('.info').hide(100); - 100 это скорость анимации скрытия, а не задержка
     
  10. th7

    th7 Создатель

    Регистр.:
    21 апр 2008
    Сообщения:
    115
    Симпатии:
    9
    deley - тоже не подходит!
     
Статус темы:
Закрыта.