Умный выскакивающий блок
Друзья нужна помощь!
Есть кнопка ... при нажатии на которую выскакивает блок div (изначально он скрыт) .... я реализовал это так
$(function(){
$('.some_div').hide(); //скрываем блок
$('.button').click(function(){ //при клике показываем блок
$('.some_div').show();
});
});
А теперь самое интересное .... вопрос!!! Как сделать так, что-бы при клике в любом месте (кроме кнопки которая вызвала появления блока и естественно самого блока) закрыть/скрыть раскрытый блок? |
<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>
|
Спасибо!
|
| Часовой пояс GMT +3, время: 17:39. |