Please help with some simple jQuery website script

Hi,
I am trying to edit a simple jQuery script. But I can not do it until now. Can you a little help me. I know I need to edit something small,but I couldn't find a right way
Please check the main script and html,css here In the demo missing some graphic elements and functionallity.
Link is here : https://jsfiddle.net/hym9wumr/1/
The main functionally is : Shop is drop down menu when hover effect and drop down Subcategories. It is default closed menu. I need to be default opened. Do you know how to do it. You can check from HTML there are subcategories,but there are hidden, I need to be display all time. I need just to show subcategories all time I don't need to be hidden like current version. Something I need to edit in jQuery ,but can not understand the logic. Please help me. At the demo is not full functionally because used code from a lot of differences pages is not important.,but that is all script that is used.
Thank you very much!

Hello;
We can handle this job. Hit us on skype.

Looking forward.

Thank you

Remove the hover function completely as its not needed, if you want the children to be displayed on load just change this css::

$("ul.megamenu li .sub-menu .content .hover-menu ul li").hover(function () {
$(this).children("ul").show();
},function () {
$(this).children("ul").hide();
});

change css

l.megamenu>li>.sub-menu {

1. position: absolute;
2. z-index: 9999;
3. display: block;
4. color: #737474;

Devumi said:

Remove the hover function completely as its not needed, if you want the children to be displayed on load just change this css::

$("ul.megamenu li .sub-menu .content .hover-menu ul li").hover(function () {
$(this).children("ul").show();
},function () {
$(this).children("ul").hide();
});

change css

l.megamenu>li>.sub-menu {

1. position: absolute;
2. z-index: 9999;
3. display: block;
4. color: #737474;

Click to expand...

Thank you very much, that is hmmm I got it. Thanks!