Home Forums Fashionic WordPress Theme Conflict filters and collapsable menu

This topic contains 2 replies, has 2 voices, and was last updated by  jcderuijter 3 years, 1 month ago.

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #2059

    jcderuijter
    Participant

    Hello,
    I have a problem with a combination I am trying to make between the filterable tags, and a collapsible menu I am trying to make.

    This is the website:
    http://www.reclamebureauzolder.nl/projecten/olivier/

    Left you can see filters. They have an hierarchy that I want collapsible.

    I use this code to make the menu collapsible, which works when not included in the theme (it uses http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js), which seems to generate a conflict and it does not work anymore.

    $(document).ready(function() {
    setTimeout(function() {
    // Accordion
    $(‘#filterable > li > a.expanded + ul’).slideToggle(‘medium’);
    $(‘#filterable > li > a’).hover(function() {
    $(‘#filterable > li > a.expanded’).not(this).toggleClass(‘expanded’).toggleClass(‘collapsed’).parent().find(‘> ul’).slideToggle(‘medium’);
    $(this).toggleClass(‘expanded’).toggleClass(‘collapsed’).parent().find(‘> ul’).slideToggle(‘medium’);
    });
    }, 250);
    });
    $(document).ready(function() {
    $(‘.filterable ul ul’).parent().hover(function() {
    $(this).find(‘> ul’).toggle();
    });
    });

    Hopefully someone can help me in solving this problem.
    Thanks,
    Corné

    #2060

    Johnny
    Participant

    hi, please open file js/collapse.js and try replace all ‘$’ with ‘jQuery’,
    Best

    #2063

    jcderuijter
    Participant

    Got it working, with a bit different script though. Thanks. But the jQuery did the trick.

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.