Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/topic.php on line 737
Форумы портала PHP.SU :: кнопка, 3 div'а и click

 PHP.SU

Программирование на PHP, MySQL и другие веб-технологии
PHP.SU Портал     На главную страницу форума Главная     Помощь Помощь     Поиск Поиск     Поиск Яндекс Поиск Яндекс     Вакансии  Пользователи Пользователи


 Страниц (1): [1]   

> Без описания
eko24
Отправлено: 16 Января, 2013 - 20:47:02
Post Id



Гость


Покинул форум
Сообщений всего: 72
Дата рег-ции: Март 2011  


Помог: 0 раз(а)




есть следующая html старница:
CODE (html):
скопировать код в буфер обмена
  1.  
  2. <div id="1"><button class="next">next</button></div>
  3. <div id="2"><button class="next">next</button></div>
  4. <div id="3">end</div>
  5.  

к ним выполняться такой jquery код:
CODE (javascript):
скопировать код в буфер обмена
  1.  
  2. $(function() {
  3.         $("div").hide();
  4.         $("#1").show();
  5.         });
  6.  

то есть все div'ы прячутся а первый показывается.
нужно что бы при нажатии кнопки текущий div прятался, а следующий открывался.

как это реализовать ?

(Отредактировано автором: 16 Января, 2013 - 20:47:49)

 
 Top
armancho7777777 Супермодератор
Отправлено: 16 Января, 2013 - 22:01:50
Post Id



Активный участник


Покинул форум
Сообщений всего: 4526
Дата рег-ции: Февр. 2011  
Откуда: Москва


Помог: 221 раз(а)




?
CODE (javascript):
скопировать код в буфер обмена
  1.  
  2. $(function(){
  3.    
  4.    $(".d").not('.d:eq(0)').hide();
  5.  
  6.    $(".d").on('click', ':button', function(e) {
  7.  
  8.        $(this).parent().hide(function(){
  9.  
  10.             $(this).next().slideDown();  
  11.  
  12.        });
  13.  
  14.    });
  15.  
  16. });
  17.  

CODE (html):
скопировать код в буфер обмена
  1.  
  2. <div id="div-1" class="d"><button class="next">next1</button></div>
  3. <div id="div-2" class="d"><button class="next">next2</button></div>
  4. <div id="div-3" class="d">end</div>
  5.  


И такие атрибуты как ID, CLASS - не должны начинаться с цифры.
 
 Top
eko24
Отправлено: 16 Января, 2013 - 23:23:43
Post Id



Гость


Покинул форум
Сообщений всего: 72
Дата рег-ции: Март 2011  


Помог: 0 раз(а)




Большое спасибо !
 
 Top
LIME
Отправлено: 16 Января, 2013 - 23:41:28
Post Id


Активный участник


Покинул форум
Сообщений всего: 10732
Дата рег-ции: Нояб. 2010  


Помог: 322 раз(а)




почему селектор в коде 2раза?
бусы не работают?
и вообще мне кажется код перегружен
имхо проще счетчик ввести
 
 Top
armancho7777777 Супермодератор
Отправлено: 17 Января, 2013 - 00:49:20
Post Id



Активный участник


Покинул форум
Сообщений всего: 4526
Дата рег-ции: Февр. 2011  
Откуда: Москва


Помог: 221 раз(а)




eko24 пишет:
Большое спасибо !

Не за что.
LIME пишет:
почему селектор в коде 2раза?

Чтобы Вы спросили...
Тема закрыта!
 
 Top
Страниц (1): [1]
Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)
« JavaScript & VBScript »


Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.
 



Powered by PHP  Powered By MySQL  Powered by Nginx  Valid CSS  RSS

 
Powered by ExBB FM 1.0 RC1. InvisionExBB