can someone more enlightened than myself work out why this won't work?
essentially. I click the H2 with a class of "portfolio-title", and the #portfolio DIV scrolls nicely in to place, and I replace the class "portfolio-title" with "portfolio-title1".
$(this).replaceWith("<h2 class='portfolio-title1' >" + $(this).text() + "</div>");
$(this).replaceWith("<h2 class='portfolio-title' >" + $(this).text() + "</div>");
This is reflected in the source, so the first part is definitely working - I am able to toggle a DIV on a click and replace its class with another.
I would then like to be able to click the header again, and hide the DIV and replace the class so the user is able to show/hide a div at will.
Toggle on its own works fine, but I would like to apply a different class to the "shown" header so the user is aware that they have clicked it.