Во-первых я не понял к какой теме это отнести, решил, что модерация просто удалит пост в не правильной теме.
Во-вторых я знаю, что *1.1 даст тот же результат, я просто тестировал.
В-третьих это не кнопка, это блок.
.group-side-context - это блок всей левой боковой панели.
.his-mouse-hide - это блок который я создаю такого же размера только больше и в том же месте.
Родитель у них один - это #hide-add.
И вот когда я нажимаю кнопку открыть боковую панель, он её открывает и создаёт пустой div, который слегка больше этой боковой панели. Я хочу, чтобы когда я отводил мышку от этого нового элемента(.his-mouse-hide) то вся боковая панель убиралась.
Убирается и открывается она классом у #hide-add,
context-sidebar-active - открыт
context-sidebar - закрыт
По моей логике, примерно так должно выглядеть
$("#hide-add").on('mouseenter','.his-mouse-hide',function(event){
$(this).on('mouseleave','.his-mouse-hide',function(){
$(".group-side-context").parent().removeClass("context-sidebar-active").addClass("context-sidebar");
});
});
Но я даже не знаю, зачем нужен( и нужен ли ) event внутри function, по идее когда наводишь на новый элемент, он ждёт когда ты уберёшь мышку и затем срабатывает переключение классов, как работают делегаты в js я не знаю, мне по сути нужно только этот маленький кусочек кода решить, как описать правильно, но с этим у меня проблемы по этому и пришёл на форум =)