Модераторы: Illuminaty
  

Поиск:

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


Новичок



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

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



Что имеется ввиду, есть МЕНЮ например:
*один* *два* *три* *четыре* *пять*
При нажатии на пункты от *один* до *четыре* в div контенте выводятся еще два div блока:


[ ] [ ]

но при нажатии на пункт *пять* эти два блока не нужны, нужна другая схема div блоков:

[ ][ ]
[] [] []

Если есть где про это уже сказано, подскажите пожалуйста ссылочку где почитать или в комментариях. Это последнее, что для сайта нужно сделать, в остальном разобрался. То что делаю, выводится все разом…

Надеюсь очень на помощь добрые люди smile

типо того:
<div id="content">
    <-- ПРИ НАЖАТИИ от *один* до *четыре* видно только эти блоки-->
   <div id="leftblock"></div>
   <div id="rightblock"></div>

    <-- ПРИ НАЖАТИИ  *пять* видно только эти блоки -->   
   <div id="upLeft"></div>
   <div id="upRight"></div>
   <div id="downLeft"></div>
   <div id="downCenter"></div>
   <div id="downRight"></div>
</div>
PM MAIL   Вверх
ksnk
Дата 12.3.2012, 10:50 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прохожий
****


Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

Репутация: 48
Всего: 386



Классами рулить.

Меню, для простоты - только A
Код

<a href="#" onclick="return show('one');">Один</a><a href="#" onclick="return show('two');">Два</a>...


Код

<div id="content">
    <-- ПРИ НАЖАТИИ от *один* до *четыре* видно только эти блоки-->
   <div id="leftblock" class="one two three four"></div>
   <div id="rightblock" class="one two three  four"></div>

    <-- ПРИ НАЖАТИИ  *пять* видно только эти блоки -->   
   <div id="upLeft" class="five"></div>
   <div id="upRight" class="five"></div>
   <div id="downLeft" class="five"></div>
   <div id="downCenter" class="five"></div>
   <div id="downRight" class="five"></div>
</div> 


Код

function show(cls){
  $('#content>div').not($('#content>div.'+cls).show()).hide();
  return false;
}


P.S. заменен class на cls

Это сообщение отредактировал(а) ksnk - 12.3.2012, 11:03


--------------------
Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image
PM MAIL WWW Skype   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




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


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

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