[bw_more class=bobby]
[bw_more class=moore]
.bobby { color: #ffffff; }
.moore { font-size: 120%; font-style: italic; padding: 5px; }
Notes
- To control the styling for each instance of the button define CSS for your own class name.
Snippet
Snippet
<div class="bw_read_more" id="bw_more-3"><span class="button art-button bw_button " id="bw_more-3">read more</span><div class="bw_more" id="bw_more-3" style="display:none;"><!– bw_more_end –></div><!– bw_more_end –></div><!– bw_more_end –></div>
<script type="text/javascript">jQuery( function() { jQuery( "div.bw_read_more#bw_more-1" ).click( function() { jQuery("span.bw_button#bw_more-1").hide( ); } ); });</script><script type="text/javascript">jQuery( function() { jQuery( "div.bw_read_more#bw_more-1" ).click( function() { jQuery("div.bw_more#bw_more-1").slideDown( ); } ); });</script><script type="text/javascript">jQuery( function() { jQuery( "div.bw_read_more#bw_more-2" ).click( function() { jQuery("span.bw_button#bw_more-2").hide( ); } ); });</script><script type="text/javascript">jQuery( function() { jQuery( "div.bw_read_more#bw_more-2" ).click( function() { jQuery("div.bw_more#bw_more-2").slideDown( ); } ); });</script><script type="text/javascript">jQuery( function() { jQuery( "div.bw_read_more#bw_more-3" ).click( function() { jQuery("span.bw_button#bw_more-3").hide( ); } ); });</script><script type="text/javascript">jQuery( function() { jQuery( "div.bw_read_more#bw_more-3" ).click( function() { jQuery("div.bw_more#bw_more-3").slideDown( ); } ); });</script>
Published: | Last updated: