Форум

lobanov_kirill_ · #1 (**permalink**) 04.03.2013, 23:25

Друзья нужна помощь!
Есть кнопка ... при нажатии на которую выскакивает блок div (изначально он скрыт) .... я реализовал это так

$(function(){
   $('.some_div').hide(); //скрываем блок

   $('.button').click(function(){  //при клике показываем блок
       $('.some_div').show();
   });
});

А теперь самое интересное .... вопрос!!!
Как сделать так, что-бы при клике в любом месте (кроме кнопки которая вызвала появления блока и естественно самого блока) закрыть/скрыть раскрытый блок?

Deff · #2 (**permalink**) 05.03.2013, 00:27

<script src="http://code.jquery.com/jquery-latest.js"></script>
<body style="height:100%;width:100%;">
<div class=some_div style="display:none;height:100px;width:100px;border:red solid 1px;"></div>
<input class="button" type="button" value="Клик"/>
 <script>
   $('.button,.some_div').click(function(){  //при клике показываем блок
       $('.some_div').show();
      return false;
   });
   $("body").click(function(){  //при клике скрываем блок
       $('.some_div').hide();
      return false;
   });
 </script>

lobanov_kirill_ · #3 (**permalink**) 05.03.2013, 00:29

Спасибо!

Форум

Справочник

Discord чат

Курсы javascript