Закрытие элемента по клику за пределами его области (вне элемента) в jquery
Сразу приведу пример. Представим простой интернет магазин, а именно страницу каталога с товарами. У каждого товара есть кнопка «подробнее», при нажатии на которую, появляется плашка с информацией о товаре. Но у каждого товара есть своя такая плашка, которая скрытая и появится только по нажатии на кнопку. Так вот, окно открылось, но как его закрыть? Можно конечно создать кнопку «закрыть», но представьте, как это не удобно. Пользователь обычно кликает за область нашего окна и вот именно так и нужно его закрывать. Для начала, к примеру, создадим три товара, с одинаковым общим классом. 1 2 3 4 5 6 7 8 9 10 11 12 <div class=»product-one»> <button class=»button»>Подробнее</button><br/> <div class=»button_div»>Текст, который скрывается</div> </div> <div class=»product-one»> <button class=»button»>Подробнее</button><br/> <div class=»button_div»>Текст, который скрывается</div> </div> <div class=»product-one»> <button class=»button»>Подробнее</button><br/> <div class=»button_div»>Текст, который скрывается</div> </div> Затем подключаем библиотеку jquery и вставляем следующий скрипт 1 2 3 4 5 6 7 8 9 10 11 12… Читать далее »