2013-06-21 3 views
1
деление с

мне нужно расширить DIV при наведении курсора мыши над тем, что происходит довольно хорошо, но когда мышь оставить DIV не вернуться к нормальнымMouseEnter/MouseLeave расширить

ЭРВЫ некоторые приходят и мой файл http://jsfiddle.net/MyKnB/

$("#logo-expand").mouseenter(function() { 
    $(this).animate({ 
     width: "56px;" 
    }, 300); 
}); 

$("#logo-expand").mouseleave(function() { 
    $(this).animate({ 
     width: "170px" 
    }, 300); 
}); 
+0

'$ (" # logo-expand "). On ('mouseenter mouseleave', function (e) {$ (this) .animate ({width: (e.type == 'mouseenter'? 56: 170)}, 300);}); ' – adeneo

ответ

5

Вопрос: ; после 56px. Если вы измените эту строку на width: "56px", она работает правильно. См. Здесь: http://jsfiddle.net/MyKnB/1/

+0

работает, но не очень хорошо, потому что каждый раз, когда я беру курсор в другой div, он должен возвращаться в нормальное состояние, и он остается расширенным ... – paoloi

+0

@paoloi Является ли другой' div' внутри '# logo-expand'? –

+0

невредим, сделал это, за помощь – paoloi