Модераторы: Sardar, Aliance
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Скрыть и показать div по клику, Скрыть и показать div по клику 
:(
    Опции темы
_Leo_
Дата 18.1.2011, 10:43 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 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".

С первого щелчка скрывается, а вот на второй уже не реагирует.

Подскажите пожалуйста, в чём проблема.
PM MAIL   Вверх
Mavrun
Дата 18.1.2011, 10:48 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 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'){
аттрибутов терм и дисплей не существует
PM MAIL   Вверх
ayax2005
Дата 18.1.2011, 11:42 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


echo $smile
**


Профиль
Группа: Участник
Сообщений: 516
Регистрация: 17.4.2008
Где: Питер

Репутация: 2
Всего: 11



jquery.toogle()


--------------------
все вопросы - из-за неверной формулировки задачи
PM MAIL ICQ   Вверх
_Leo_
Дата 1.2.2011, 14:36 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 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');}        
                 
      }
    });
  });
});
PM MAIL   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | JavaScript: Применение библиотек | Следующая тема »


 




[ Время генерации скрипта: 0.0642 ]   [ Использовано запросов: 21 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.