jquerytoggledirection

How to change the expand direction on .toggle()?

I am using jQuery's .toggle() for expand/collapse.

Do you know how to change the expand/collapse direction from bottom to top instead of top-left to bottom-right? I am no jQuery expert, I found the demo and used these codes...

Here is my working file: http://www.streetlightministries.ca/2013 (archived at the Wayback Machine) - and click "Times & Location" on the top right corner. You will see it expanding from top-left to bottom-right. I rather to have it expand from bottom to top.

I would be really appreciate if you are able to help me out!

Thanks

Solution

  • For starters, I would use .slideToggle() instead of .toggle(). It just a simple collapse and expand. Try that out first and see if you like that result better.