JavaScripts

JavaScript Toggle

JAVASCRIPT
==========

CSS
===
body { font: normal 13px/1.4em arial, helvetica, sans-serif; word-spacing: 0.1em; color: #333; }

/* always visible */
#outer .holder {padding:1em; border:1px solid #ddd; margin:0 20px 10px 0;}
#outer .holder p {padding:5px 0 0 0; margin:0;}
#outer .holder p.bold {font-weight:bold;}
#outer .holder h2 {margin:0; padding:0;}

/* unclicked style div.more */
#outer div.more i {float:right; margin-right:-10px 10px 0 0; cursor:pointer; color:#c00; font-weight:bold;}
#outer div.more i.hide {display:none;}
#outer div.more p {display:none;}
#outer div.more img {display:none;}

/* clicked style div.click */
#outer div.click i.show {display:none;}
#outer div.click i.hide {display:block;}
#outer div.click p {display:block;}
#outer div.click img {display:block; float:left; padding-right:10px;}

(X)HTML
=======

<p><strong>Lorem ipsum ea vis quaestio atomorum, duo no eius mandamus, gloriatur inciderint accommodare ne nec.</strong></p>

<br />

<p>
Est id zzril copiosae, vix eu unum nonumy. Ut ius quem velit tollit, ius solum intellegat ut. Ex aliquam feugiat pro, his vocibus contentiones at, quo iusto omnium commune ne. Cum brute congue noster et, nisl euismod menandri est ad.
</p>

<p>Dolor prompta sit an, eu inani conceptam accommodare mel. An mel option oblique legimus. At eam quem zzril scripserit, illum solet deseruisse sit no. Tation munere mollis eu duo, ei singulis repudiare mel, quodsi timeam eum ea. Melius audiam ponderum duo id, has meis minim tantas no.</p>

</div>

</div> 
</div>

click_toggle.js

Simple JavaScript Slideshow 1