Toggle more text - jQuery Snipplr Social Repository

Revision: 18545

at October 1, 2009 19:40 by mikemetcalf

Updated Code

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

Revision: 18544

at October 1, 2009 19:39 by mikemetcalf

Updated Code

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

Revision: 18543

at October 1, 2009 19:36 by mikemetcalf

Updated Code

$('.toggle').click(function() {
	var $this = $(this); 
	if ('[+]' == $this.text( )) { 
	     $this.text('[ÃƒÂ¢Ã¯Â¿Â½Ã¯Â¿Â½]').parent( ).find('.hidden').show( ); 
	} 
	else { 
	     $this.text('[+]').parent( ).find('.hidden').hide( ); 
	}
});

Revision: 18542

at October 1, 2009 19:36 by mikemetcalf

Updated Code

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

Revision: 18541

at October 1, 2009 19:34 by mikemetcalf

Initial Code

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

Initial URL

Initial Description

Example markup:

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

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

Initial Title

Toggle more text

Initial Tags

jquery, text

Initial Language

jQuery

Choose a language for easy browsing: