Search code examples
jqueryjquery-uitoggletoggleclass

jQuery custom toggle between divs

having some trouble with this can't understand why it won't work properly.

http://host.philmadelphia2.com/~clare/order/

when you click the two "order..." links at the top, they should toggle between divs. When the one page is active, clicking on that page's button shouldn't have any effect. There should only be an action when the unactive page's button is clicked.

Here is the link to the JS.

http://host.philmadelphia2.com/~clare/wp-content/themes/theme/js/pager.js

I'm using jQuery and jQuery UI for the effects.

Thanks, Pete

Solution

  • I threw together a quick mockup on jsfiddle that seems to work. I've stripped out a lot of the markup to make it a bit easier to read.

    The only changes I've made is to remove the $ sign in the function declarations and used the live() event handler instead of click().

    Edit: For explanation purposes, since you are manipulating the DOM by adding and removing classes you have to use the live() event handler.