Response title
This is preview!
Hi,
I have a simple bit of script.
The container is broken into 2 sections for easy comprehension of the problem:
I have a simple bit of script.
- changeToCollapse.toggleClass('box box-default').toggleClass('slab-pane').addClass(active)
- .children('.slab-pane').toggleClass('box-collapse collapse slab-pane')
- .end().children('div').toggleClass('box-collapse collapse').attr('id', 'collapse-' + $this.attr('href').replace(/#/g, ''))
- .children().first().toggleClass('box-body')
- .end().end().children('header').toggleClass('box-heading')
- .children('h4').toggleClass('box-title')
- .children('a').toggleClass(oldLinkClass).attr({
- 'data-toggle': 'collapse',
- 'data-parent' : '#collapse-' + $slabGroup.attr('id'),
- 'href' : '#collapse-' + $this.attr('href').replace(/#/g, '')
- }); // End of chain.
The container is broken into 2 sections for easy comprehension of the problem:
Part1 is the green script, which works fine.
Part2 the red script, which does not work
The green script doesn't run no matter if I include 1 .end() or 10 .end()'s, however if I replace ".first()" and add a specific selector like so: ".children('p')", the starting selector, it works fine and runs both parts of the script.
Can anyone explain this to me as I've not managed to get any of my .end() functionality to work at all in any chaining so long as I use .first() somewhere before the .end() method.
The green script doesn't run no matter if I include 1 .end() or 10 .end()'s, however if I replace ".first()" and add a specific selector like so: ".children('p')", the starting selector, it works fine and runs both parts of the script.
Can anyone explain this to me as I've not managed to get any of my .end() functionality to work at all in any chaining so long as I use .first() somewhere before the .end() method.
1