Q:

Navigation menu not working properly

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. 

A:

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.