Форум

fle4er · #1 (**permalink**) 15.01.2014, 19:40

Добрый вечер, уважаемые знатоки. Есть скрипт jquery "спойлер", не получается доработать. Необходимо скрывать див при клике вне содержимого спойлера, а так же при клике на другой спойлер.

jQuery(document).ready(function(){
jQuery('.spoiler-text').hide()
jQuery('.spoiler').click(function(){
jQuery(this).toggleClass("folded").toggleClass("unfolded").next().fadeToggle()
})
})

<div class="spoiler folded"><p class="spoiler" title="Спойлер" >Спойлер</p></div>
<div class="spoiler-text">
   .......
</div>

Буду очень признателен за подсказку.

рони · #2 (**permalink**) 15.01.2014, 19:50

fle4er,
как сделать, чтобы при 2-м клике объект закрывался

fle4er · #3 (**permalink**) 15.01.2014, 19:59

Спасибо за ссылку, но все равно не получается разобраться. А охота использовать именно этот скрипт.

рони · #4 (**permalink**) 15.01.2014, 20:41

fle4er,

<!DOCTYPE HTML>
<html>

    <head>
        <title>Untitled</title>
        <meta charset="utf-8">
               <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
        <script>

jQuery(document).ready(function(){
jQuery('.spoiler-text').hide()
jQuery('div.spoiler').click(function(event){
event.stopPropagation();
jQuery('.spoiler-text').not(jQuery(this).next()).slideUp();
jQuery(this).toggleClass("folded").toggleClass("unfolded").next().slideToggle();

})
jQuery('html').click(function (event) {
         if ($(event.target).closest(".spoiler-text").size()) return;
         jQuery('.spoiler-text').slideUp()
      });

})



        </script>
    </head>

    <body>

<div class="spoiler folded"><p class="spoiler" title="Спойлер" >Спойлер</p></div>
<div class="spoiler-text">
   Добрый вечер, уважаемые знатоки. Есть скрипт jquery "спойлер", не получается доработать. Необходимо скрывать див при клике вне содержимого спойлера, а так же при клике на другой спойлер
</div>
<div class="spoiler folded"><p class="spoiler" title="Спойлер" >Спойлер</p></div>
<div class="spoiler-text">
   Добрый вечер, уважаемые знатоки. Есть скрипт jquery "спойлер", не получается доработать. Необходимо скрывать див при клике вне содержимого спойлера, а так же при клике на другой спойлер
</div>
    </body>

</html>

fle4er · #5 (**permalink**) 16.01.2014, 00:27

Большое спасибо. Кажется понимаю теперь.

Форум

Справочник

Discord чат

Курсы javascript