Question

I am working with Twitter’s Bootstrap framework and their collapse plugin for JQuery. I am creating a form that when clicks on Timeframe for example a ul is shown via the collapse command. A user will then click on an option on the revealed UL such as 7 Days Ago. This initializes the custom code to show a hidden li and toggle the original ul closed. This has worked fine until I added this code:

$('filter-reset').click(function() {
    $('.7days-select:not('.filter-selection-hidden').addClass('filter-selection-hidden');
    });

Now the coding has broken and the ul (filter-selection-time) or filter-selection-issues is shown on page load when it should not, and now the hidden li selections never show even when clicking the appropriate a element to unhide them.

The extensive coding can be found here:

http://jsfiddle.net/rsxavior/Gj4Dg/

Any help would be greatly appreciated

Answer 1

The code you have there is broken, it should be:

$('.filter-reset').click(function() {
    $('.7days-select').addClass('filter-selection-hidden');
});