Important Notice from AspDotNetStorefront
It is with dismay that we report that we have been forced, through the action of hackers, to shut off write-access to this forum. We are keen to leave the wealth of material available to you for research. We have opened a new forum from which our community of users can seek help, support and advice from us and from each other. To post a new question to our community, please visit: http://forums.vortx.com
Results 1 to 2 of 2

Thread: Accordion / Reductive Type Category Navigation Wanted

  1. #1
    tonya is offline Junior Member
    Join Date
    Sep 2011
    Posts
    22

    Default Accordion / Reductive Type Category Navigation Wanted

    I have added Category navigation to our Product List pages and am wanting to have the Categories/Sub-Categories to expand/collapse (show/hide) based on what section of the navigation is selected. For example, if a sub-sub-category is selected, I would like all of the parent and grandparent siblings to be hidden. I have been working on this for a few days to no avail. I found some JS/JQuery script that I thought would work earlier today but I've not been able to get it to do exactly what I am wanting.

    Here is the sample page with the JQuery implemented at this time: http://www.got-chrome.com/c-9-lighting.aspx?skinid=5.

    The problem with the current JQuery method is that it collapses the list when I try to navigate deeper into a sub-level. It is only "willing" to go one level deep, which simply does not work well. Our Lighting Category, for example has up to four (4) sub-category levels.

    One reason to keep the Category navigation for these particular pages shorter than on our standard non-product listing pages is because we also have Reductive Filters implemented. I also tried chopping up some of the XML and JS from that package, but to no avial.

    Any help would be greatly appreciated!

    ~TSF

  2. #2
    tonya is offline Junior Member
    Join Date
    Sep 2011
    Posts
    22

    Default

    After trying to create my own jscript (and getting it to successfully work outside of ASPNDSF but not within it), I figured out that all I needed to do was edit my class definitions in the XML.config package and corresponding CSS file. Now my reductive/accordion list is working (mostly) as I had desired. See it in work at http://www.got-chrome.com/c-9-lighting.aspx.