Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   7 div открытие/скрытие по клику (https://javascript.ru/forum/misc/52916-7-div-otkrytie-skrytie-po-kliku.html)

Low_Weaper 12.01.2015 22:36

7 div открытие/скрытие по клику
 
Доброго времени суток!
Имеются 7 скрытых div-ов. Нужно чтобы div открывался по клику на изображение и скрывался при открытии другого.
Натыкался на много плагинов, но они открывают либо только один блок, либо не скрываются после этого.
Уважаемые программисты, рассчитываю на вашу помощь

рони 12.01.2015 22:54

Low_Weaper,
и так ура снова нужна открывашка и вы также не нашли среди сотен тем на этом форуме по открывашкам вашу родную -- попробуйте поиск по форуму может вам повезёт ... не забудьте поделиться десятком найденных ссылок на неделе ожидается ещё человека 2 - 3 с подобным вопросом, тем самым вы и им поможите и себе .:cray:

Low_Weaper 13.01.2015 00:09

рони, внесу ясность, если до этого я написал непонятно, я искал на этом форуме плагины и нужного не нашел
Вот к примеру неплохой вариант: http://javascript.ru/forum/dom-windo...ugogo-div.html
Но данный вариант не канает, при вставке в код сайта http://santa-sinat.16mb.com/arh-a/club.html он не работал
Поэтому я бы хотел выслушать решения данной проблемы

рони 13.01.2015 00:38

Low_Weaper,
плагин для этого ненужен ... сделайте макет ... так быстрее получите код ... который на неделе пишется не по разу ... без макета весь ваш плагин
$(function(){
       var s = $(".cont"), d = $(".img");
       s.click(function() {
         d.hide();
         var i = s.index(this);
         d.eq(i).show();
      });
});

рони 13.01.2015 02:08

Low_Weaper, так как ваш плагин уничтожает всё что шевелится на странице вариант тоже самое через делегирование
<script>
 $(function(){
       var b = $("body");
       b.on('click', ".cont", function() {
         $(".img").css({"visibility" : "hidden"});
         var i = $(".cont").index(this);
         $(".img").eq(i).css({"visibility" : "visible"});
      });
});
</script>

:write: ну и с макетом на пару
http://learn.javascript.ru/play/s9Gl0b

Low_Weaper 13.01.2015 16:03

Цитата:

Сообщение от рони (Сообщение 351129)
Low_Weaper, так как ваш плагин уничтожает всё что шевелится на странице вариант тоже самое через делегирование
<script>
 $(function(){
       var b = $("body");
       b.on('click', ".cont", function() {
         $(".img").css({"visibility" : "hidden"});
         var i = $(".cont").index(this);
         $(".img").eq(i).css({"visibility" : "visible"});
      });
});
</script>

:write: ну и с макетом на пару
http://learn.javascript.ru/play/s9Gl0b

То, что доктор прописал
Спасибо большое! Выручили


Часовой пояс GMT +3, время: 10:09.