[Dimaz]

Всем привет! Как решить такую задачу? При клике на параграф нужно отключить обработчик событий, чтобы элементы зафиксировались в текущем положении.
Допустим навели курсор на второй параграф. Теперь его свойство margin-left равно 10 пикселям(ушел немного вправо). Кликаем по нему мышкой и он должен зафиксироваться в этом положении. Остальные параграфы должны также, "заморозиться" и не реагировать на события мышки. http://jsfiddle.net/jy6TK/

$('p').on("mouseenter mouseleave click",function(event){
    var elem = $(this), evt = {
        mouseenter:function(){
            $(elem).css("margin-left","10px");
        }, mouseleave:function(){
            $(elem).css("margin-left",0);
        }, click:function(){
            $('p').not(elem).css("color","green");
            alert("Как отключить обрабочик?");
        }
    }
    evt[event.type]();
});