Posted By

mikemetcalf on 10/01/09

Tagged

jquery
text

Versions (?)

Last Edited at 10/01/09 07:34pm

Statistics

Viewed 677 times

Favorited by 1 user(s)

Related snippets

Toggle more text

/ Published in: jQuery

Example markup:

<p>This is the first part of the text <a class="toggle">[+]</a><span>this part is hidden until clicking the toggle link.</span></p>

The script will show and hide text when the toggle link is clicked. It also swaps out the + with the − when the the text is toggled.

Expand | Embed | Plain Text

Copy this code and paste it in your HTML

$('.toggle').click(function() {
	var $this = $(this); 
	if ('[+]' == $this.text( )) { 
	     $this.text('[-]').parent( ).find('.hidden').show( ); 
	} 
	else { 
	     $this.text('[+]').parent( ).find('.hidden').hide( ); 
	}
});