Question

I have a link “Show More…”. When I click it I toggle visibility of a div with details.
I wonder if there is a simple beautiful way to toggle content of the link between “Show More…” and “Hide details” when the div toggle occurs?

Answer 1

If you just want to switch around text, here is a simple example in jQuery based on using a SPAN as a label.

$('#SpanLabel').html($('SpanLabel').text() == 'Show More...' ? 'Hide details' : 'Show More...');