Авторский знак. Seosait21.ru Есть у человека надежда. Пока не поздно. Вгрызайся и изучай.
Нажимай и поддержи.

Пн Вт Ср Чт Пт Сб Вс
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30 31


Чувашия-это моя Россия

Функция toggle() в jQuery.

Функция toggle() реагирует на щелчки кнопки мыши, но общий вид функции пишется так: toggle(function1(){...}, function2(){...}) .

Общее выражение на щелкание левой кнопкой мыши представиться так:

                         $('элемент_1').click(function(){$('элемент_2').toggle();});

Хотя вариантов представления сценариев на данную тему как звезд на небе.

Допустим у нас есть видимый блок меню с id="menu" и при щелчке левой кнопкой мыши на него должен проявиться субменю с id="submenu" и при следующем щелчке медленно исчезнуть, тогда код нашей программы пишется так:

  
                       < style>
                               #menu { background-color: #36F; 
                                       color: #930;
                                       margin: 20px auto 20px 100px;
                                       height: 30px; width: 60px;
                                       padding: 2px; 
                                       font-size: 16px;
                                        text-align: center; 
                                        }
                                        
                         #submenu li { background-color: #F9C;
                                       color: #30C; 
                                       margin: 20px auto 20px 160px; 
                                       height: 20px; 
                                       width: 200px; 
                                       text-decoration: none; 
                                       text-align: center; 
                                       }
                       < /style>
                       
                       < script type="text/javascript">$(document).ready(function(){
                                       $('#submenu').hide();
                                       $('#menu').click(function(){
                                       $('#submenu').toggle(1000);
                                    });
                                });
                       < /script>
                        
                       < ul id="menu">Меню< /ul>
                        
                       < ol id="submenu">
                            < li>Первая строчка< /li>
                            < li>Вторая строчка< /li>
                            < li>Третья строчка< /li>
                       < /ol>

Вместо функции hover(), которая реагирует на наведение курсора мыши используется функция toggle(), которая реагирует на событие щелчка кнопкой мыши.

Тут возникает выражение $('#submenu').hide();, которое сначала должно скрыть субменю в меню. Время проявление поставили в секунду, то есть 1000 миллисекунд.


seosait21.ru
HTML

seosait21.ru
CSS

seosait21.ru
Web-диз.
HTML ссылка CSS ссылка ...

seosait21.ru
JavaScript

seosait21.ru
PHP

seosait21.ru
JQuery
JavaScript ссылка PHP ссылка JQuery ссылка

seosait21.ru
SEO.

seosait21.ru
MySQL

seosait21.ru
XML
... ... ...

обратно на главную     назад    дальше     вперед

ПОНРАВИЛОСЬ?
ПОДЕЛИСЬ с ДРУЗЬЯМИ: