Чат сообщества
|
   |
| Модератор форума: JonMagon |
| Сообщество uCoz Вебмастеру JavaScript, Flash и прочие технологии Как скрыть класс |
| Как скрыть класс |
|
Есть около 10 картинок, им всем присвоен один и тот же класс "picture"
Как сделать кнопку - переключатель, при нажатии на которую все эти 10 картинок пропадут с экрана, а при следующем нажатии появятся опять? Спасибо за помощь!  WWW.DOGICA.COM / WWW.DOGICA.ORG |
|
попробуйте так
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
|
|
спасибо
все работает! Добавлено (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
|
|
как сделать чтобы этот класс был скрыт при загрузке странички ?
если добавляю в CSS класса - display:none; - класс тогда скрыт.. но созданная кнопка перестает работать СПАСИБО ЗА ПОМОЩЬ!  WWW.DOGICA.COM / WWW.DOGICA.ORG Сообщение отредактировал Dogica - Четверг, 09 Июл 2015, 17:52:53
|
| |||
| |||