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

Derekovich,
Вариант клик по другому элементу закрывает предыдущий - всё остальное как выше
<!DOCTYPE HTML>

<html>

<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style>
.float{height: 20px;background: yellow;margin-bottom:10px;}
.size{height:100px}
</style>
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script>

</script>
</head>

<body>

<div class="float"></div>
<div class="float"></div>
<div class="float"></div>

<script>
var floats = $('.float');
floats.click(function (event) {
    event.stopPropagation();
    floats.not(this).removeClass('size');
    $(this).toggleClass('size');
});
$(document).click(function () {
    floats.removeClass('size');
});</script>
</body>

</html>

Последний раз редактировалось рони, 05.12.2013 в 03:52.
Ответить с цитированием