Закрытие спойлера при клике по области контента.

Статус
В этой теме нельзя размещать новые ответы.
Сообщения
119
Реакции
53
Помог
4 раз(а)
День добрый, пытаюсь сделать форму для подготовки сообщений.

Не получается закрытие спойлера при нажатии мышкой по области как в вк (vk,com).

Может кто знает решение данной проблемы.

ссылка на работу

HTML:
<html>

  <head>
    <meta charset="utf-8">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>


  </head>

  <body>


    <div class="sp">

      <form method="post" action="">

        <div class="postboxx extremum-click">

          <div class="postfled">
            <style>
              :active,
              :hover,
              :focus {
                outline: 0;
                outline-offset: 0;
              }

            </style>

            <input type="hidden" name="name" value="Роман">
            <i class="fa fa-comment-o fa-lg" aria-hidden="true" style="float: left;line-height: 1.10em;color: #060;"></i>

            <div style="margin-left: 43px;">
              <textarea class="vkizisex" cols="60" name="message" rows="" contenteditable="true" placeholder="Что у Вас нового?"></textarea>
            </div>

          </div>

        </div>

        <div class="extremum-slide">

          <div class="boxbotton">

            <input type="hidden" name="id_user" value="5">
            <input type="hidden" name="image" value="1523707704_68.jpg">
            <div style="height: 33px;">
              <p>
                <input type="submit" name="send" value="Отправить" class="vksex">
              </p>

            </div>

          </div>

      </form>

      </div>

    </div>

  </body>

</html>
Java:
$(document).ready(function() {
  $('.sp').on('click', '.extremum-click', function() {
    $(this).siblings('.extremum-slide').slideToggle(0);
  });
});
 
В этой теме было размещено решение! Перейти к решению.
Последнее редактирование:
Сообщения
957
Реакции
1,184
Помог
52 раз(а)
Sleedney, в фидле все работает же) там ток JS добавить надо - вы его тупо не вписали)
 
Сообщения
119
Реакции
53
Помог
4 раз(а)
Sonyx, я 2 раза вписывал "js" ток не понимаю почему он исчезает при переходе на ссылку.

Дело в том что механика нужна немножко другая. Мне нужно изменить джава так что бы я смог закрывать спойлер не повторным кликом по нему а кликнув за пределами спойлера и он скрывался что то на подобии модального окна где его можно закрыть кликнув за областью формы.
(живой пример из соц сети vk.com)
)
 

Вложения

  • 49.3 KB Просмотры: 20
Статус
В этой теме нельзя размещать новые ответы.

Пользователи, просматривающие эту тему

Сейчас на форуме нет ни одного пользователя.
Сверху Снизу