Страница 1 из 11
Модератор форума: JonMagon 
Сообщество uCoz » Вебмастеру » JavaScript, Flash и прочие технологии » Как скрыть класс
Как скрыть класс
Dogica
Сообщений: 1230
Репутация: 352
Уровень замечаний:

Сообщение # 1 | 18:09:28
Есть около 10 картинок, им всем присвоен один и тот же класс "picture"
Как сделать кнопку - переключатель, при нажатии на которую все эти 10 картинок пропадут с экрана, а при следующем нажатии появятся опять?

Спасибо за помощь!


WWW.DOGICA.COM / WWW.DOGICA.ORG
ps-saw
Сообщений: 44
Репутация: 77

Сообщение # 2 | 18:22:57
попробуйте так

HTML

Код
<a class="button" href="">Скрыть изображения</a>

скрипт

Код
<script>$(document).ready(function(){   $(".button").click(function(){$(".picture").toggleClass(".noview"); return false;  };);};);</script>

CSS

.noview {display:none;}

Добавлено (18 Июн 2015, 18:22:57)
---------------------------------------------
.noview в таблице стилей должен стоять ниже класса ваших картинок
Сообщение отредактировал ps-saw - Четверг, 18 Июн 2015, 18:32:55
Dogica
Сообщений: 1230
Репутация: 352
Уровень замечаний:

Сообщение # 3 | 18:43:49
спасибо
все работает!

Добавлено (18 Июн 2015, 18:43:49)
---------------------------------------------
а можно заменить предложенный переключатель ввиде обычной ссылки
на вот такой

<input type="radio" id="inpt1" checked="checked" value="1"><label id="inpt1" for="inpt1">MENU OFF</b></label>

?


WWW.DOGICA.COM / WWW.DOGICA.ORG
Сообщение отредактировал Dogica - Четверг, 18 Июн 2015, 18:44:48
ps-saw
Сообщений: 44
Репутация: 77

Сообщение # 4 | 18:51:38
Цитата Dogica ()
а можно заменить предложенный переключатель ввиде обычной ссылки на вот такой

думаю можно, всё дело в классах, а не в элементах
Dogica
Сообщений: 1230
Репутация: 352
Уровень замечаний:

Сообщение # 5 | 14:49:43
как сделать чтобы этот класс был скрыт при загрузке странички ?
если добавляю в CSS класса - display:none; - класс тогда скрыт.. но созданная кнопка перестает работать

СПАСИБО ЗА ПОМОЩЬ! up


WWW.DOGICA.COM / WWW.DOGICA.ORG
Сообщение отредактировал Dogica - Четверг, 09 Июл 2015, 17:52:53
Сообщество uCoz » Вебмастеру » JavaScript, Flash и прочие технологии » Как скрыть класс
Страница 1 из 11
Поиск: