Показать сообщение отдельно
  #4 (permalink)  
Старый 15.01.2014, 20:41
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,109

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>
Ответить с цитированием