the answer for all question about Oxygen Builder plugin and WordPress

Hi, everyone.



Hi, everyone.
Looking for some JS help here, I got brain freeze.

Attaching a video addressing what I need help with:

** Only one category can be selected at a time **
1. If a selected category is clicked and selected, it needs to be hidden if clicked again and shown if not selected and should go back to original state/look and the submenu to the right should need to be hidden.
2. If another category is selected the previously selected category should return to its original state and hide its submenu.
3. If megamenu closes selected category should return to its original state and the submenu will be hidden.




Source

1 Comment
  1. Christoffer BjΓΆrkman says

    This is the jQuery I’ve got right now, mainly for design review purposes:

    jQuery(document).ready(function(){
    jQuery(“.product-category a”).click(function(){

    jQuery(this).children(“h2”).css(“color”, “#005cd9”)
    jQuery(this).children(“img”).css(“border”, “1px solid #005cd9”)

    var menyval = jQuery(this).find(“.woocommerce-loop-category__title”).text().trim().toLowerCase();
    jQuery(“#”+ menyval +”-meny”).css(“display”, “flex”);

    jQuery(“#div_block-191-10”).children().hide();

    jQuery(“#text_block-346-10”).text(‘Vilken typ av ‘ + jQuery(this).text() + “?”);
    jQuery(“#”+ menyval +”-meny, #text_block-346-10″).fadeIn(600);

    });

    jQuery(“#link_text-423-10”).mouseover(function(){
    jQuery(“#div_block-459-10”).css(“display”, “flex”);
    });

    jQuery(“#link_text-423-10”).mouseout(function(){
    jQuery(“#div_block-459-10”).css(“display”, “none”);
    });

    jQuery(“#link_text-426-10”).mouseover(function(){
    jQuery(“#div_block-475-10”).css(“display”, “flex”);
    });

    jQuery(“#link_text-426-10”).mouseout(function(){
    jQuery(“#div_block-475-10”).css(“display”, “none”);
    });
    });

Leave A Reply

Your email address will not be published.