1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Please help with some simple jQuery website script

Discussion in 'Hire a Freelancer' started by 99online, Jun 8, 2016.

  1. 99online

    99online Newbie

    Joined:
    Oct 16, 2012
    Messages:
    44
    Likes Received:
    3
    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!
     
  2. Neuburst

    Neuburst Newbie

    Joined:
    Jan 9, 2016
    Messages:
    39
    Likes Received:
    1
    Occupation:
    Web Developer and Web Designing
    Location:
    Philippines
    Home Page:
    Hello;
    We can handle this job. Hit us on skype.

    Looking forward.

    Thank you
     
  3. Devumi

    Devumi Newbie

    Joined:
    Oct 15, 2015
    Messages:
    23
    Likes Received:
    6
    Home Page:
    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;
     
  4. 99online

    99online Newbie

    Joined:
    Oct 16, 2012
    Messages:
    44
    Likes Received:
    3
    Thank you very much, that is hmmm I got it. Thanks!