Comments on: How to expand collapse (toggle) div layer using jQuery

By: Nirav Bhavsar

Nirav Bhavsar — Tue, 15 Nov 2011 13:23:46 +0000

I need to impliment facility to expand all and collapse all in above given example. so is any script which works here.p
if possible then give me script.

Thanks

By: jenny

jenny — Fri, 11 Nov 2011 11:50:51 +0000

hi, it just worked fine :)……but then shows a scrolls bar , once it shrinks back…..i dont want that scroll bar….how to overcome ?this

By: Yogesh Gandhi

Yogesh Gandhi — Thu, 10 Nov 2011 16:13:34 +0000

Thanks to my friend jashwant, who helped me figure out the problem while implementing this on blog.

The problem was the the content class was already being used in my blog.

I changed the name of the class and it worked.

By: Yogesh Gandhi

Yogesh Gandhi — Thu, 10 Nov 2011 15:25:17 +0000

Thanks for the wonderful tutorial.

but I was trying to integerate this with my blogger.

But it is not working there…..my blog just goes blank….
Couldn’t figure out the reason..

The moment I write $(“.content”).hide();

IT breaks !!

Can you please help?

By: Annika

Annika — Mon, 10 Oct 2011 19:39:05 +0000

this was very useful! thank you! I am just wondering if there’s a way to style the “active” .heading using css? for example, when i click on a heading, I want that heading to stand out from the other headings…. thanks for any help

By: SIFE

SIFE — Mon, 11 Jul 2011 00:29:31 +0000

I have a little problem about collapsing div menu, I have this piece of jQuery:
$(“.options”).slideUp();
$(‘.menu_head’).toggle(function() {
$(“.options”).slideUp();
$(this).next(‘div’).slideDown();
}, function() {
$(this).next(‘div’).slideUp();
});
This is allow me to open one menu, and others will be hidden automatically, the prblem I face now is if click on element in the menu, the whole menu will be slide up, how I can fix this.

By: NTD

NTD — Tue, 05 Jul 2011 21:48:08 +0000

bravo, nice work, very easy to implement. how do you do the whole + or – next in the p class-header based on whether it is expanded or not?

By: rohan SIngh

rohan SIngh — Sat, 25 Jun 2011 03:55:57 +0000

Thank you for the tutorial!

twas’ of great help :)

By: Cộng đồng dịch đầu tiên tại Việt Nam | Blog | How to expand collapse (toggle) div layer using jQuery

Thu, 02 Jun 2011 03:22:17 +0000

[...] How to expand collapse (toggle) div layer using jQuery [...]

By: Bhuvan

Bhuvan — Wed, 18 May 2011 04:39:13 +0000

Thanks a lot!!. It solve my problem.