Показать сообщение отдельно
  #14 (permalink)  
Старый 05.12.2013, 02:40
Аватар для danik.js
Профессор
Отправить личное сообщение для danik.js Посмотреть профиль Найти все сообщения от danik.js
 
Регистрация: 11.09.2010
Сообщений: 8,804

Мой вариант, переписанный с использованием jQuery и слегка измененный.
<style>
.float{height: 20px;background: yellow;margin-bottom:10px;}
.size{height:100px}
</style>
<div class="float"></div>
<div class="float"></div>
<div class="float"></div>
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script>
(function(){

var $target = null;
var skipClick = false;

var onDocumentClick = function() {
    $target.removeClass('size');
    $target = null;
    return false;
};
var onElementClick = function() {
    if (!skipClick) {
        setTimeout(function(){
            $(document).one('click', onDocumentClick);
        });
        skipClick = true;
        $target = $(this);
        $target.addClass('size');
        return false;
    }
    skipClick = false;
};

$('.float').click(onElementClick);

})();
</script>
__________________
В личку только с интересными предложениями
Ответить с цитированием