Question

I would like to create a navigation menu..

I use jquery for this…

   $('.about').on('mouseenter', function(){
        $(this).css({'background':'#144f19'});
        $('.submenu_about').css({'display':'block', 'position':'absolute'});
        $('.items_list').on('mouseout', function(){
            $('.submenu_about').css({'display':'none', 'opacity':'0px'});
            $('.about').css({'background':'none'});
        })
   });

But not working properly. Can anybody help me? Thanks in advance.

Answer 1

May be not an answer (you didn’t provide enough information to understand the question) but you have right now

$('.about').on('mouseenter', function(){
    //...
    $('.items_list').on('mouseout', function(){
        //...
    });
});

but it should be

​$(function(){
    $('.about').on('mouseenter', function(){
        //...
    });

    $('.items_list').on('mouseout', function(){
        //...
    });
});

Update:May be you want this.