![]() |
Модераторы: Sardar, Aliance |
![]() ![]() ![]() |
|
_Leo_ |
|
|||
Новичок Профиль Группа: Участник Сообщений: 14 Регистрация: 12.9.2007 Репутация: нет Всего: 0 |
Недавно познакомился с JQuery и вот в процессе освоения возник вопрос.
Дан такой HTML код: <div class="head">Toyota</div> <div class="avto" term="Toyota"> Toyota_data </div> <div class="avto" term="Toyota"> Toyota_data </div> <br> <div class="head">Nissan</div> <div class="avto" term="Nissan"> Nissan_data </div> <div class="avto" term="Nissan"> Nissan_data </div> <br> Дана функция: $(document).ready(function(){ $('.head').click(function(){ term_text = $(this).text(); //alert(term_text); $('.avto').each(function(){ if ($(this).attr('term') == term_text){ if ($(this).attr('display') != 'none'){ $(this).css('display', 'none'); } else{ $(this).css('display', 'block'); } } }); }); }); То есть, по клику на div class="head" необходимо скрыть или отобразить div class="avto" с term= тексту содержащемуся в div class="head". С первого щелчка скрывается, а вот на второй уже не реагирует. Подскажите пожалуйста, в чём проблема. |
|||
|
||||
Mavrun |
|
|||
![]() Бывалый ![]() Профиль Группа: Участник Сообщений: 199 Регистрация: 25.11.2007 Репутация: нет Всего: 13 |
http://shublog.ru/javascript/kak-pokazat-i...-na-javascript/
подойдёт? а исходный код - особо не вникал, но напрягает код if ($(this).attr('term') == term_text){ if ($(this).attr('display') != 'none'){ аттрибутов терм и дисплей не существует |
|||
|
||||
ayax2005 |
|
|||
![]() echo $smile ![]() ![]() Профиль Группа: Участник Сообщений: 516 Регистрация: 17.4.2008 Где: Питер Репутация: 2 Всего: 11 |
jquery.toogle()
-------------------- все вопросы - из-за неверной формулировки задачи |
|||
|
||||
_Leo_ |
|
|||
Новичок Профиль Группа: Участник Сообщений: 14 Регистрация: 12.9.2007 Репутация: нет Всего: 0 |
Спасибо всем кто что то писал, задачу решил в тот же вечер, путём более внимательного чтония книги по Jquery.
HTML код: <div class="head" term="Toyota"> Toyota </div> <div class="avto" term="Toyota"> Toyota_data </div> <div class="avto" term="Toyota"> Toyota_data </div> <br> <div class="head" term="Nissan"> Nissan </div> <div class="avto" term="Nissan"> Nissan_data </div> <div class="avto" term="Nissan"> Nissan_data </div> <br> <div class="head" term="Mazda"> Mazda </div> <div class="avto" term="Mazda"> Mazda_data </div> <div class="avto" term="Mazda"> Mazda_data </div> Jquery код: $(document).ready(function(){ $('.head').click(function(){ term = $(this).attr('term'); //alert(term_text); $('.avto').each(function(){ if ($(this).attr('term') == term){ if ($(this).css('display') == 'none'){ $(this).css('display','block'); } else { $(this).css('display','none');} } }); }); }); |
|||
|
||||
![]() ![]() ![]() |
1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей) | |
0 Пользователей: | |
« Предыдущая тема | JavaScript: Применение библиотек | Следующая тема » |
|
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности Powered by Invision Power Board(R) 1.3 © 2003 IPS, Inc. |