By the way, If anyone visits this post, I would like to let you know what method I use:
I use inline method in WP posts. This can be used in non WP sites as well.
Java Script / JQuery :
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js"></script><script type="text/javascript">// <![CDATA[
$(document).ready(function () { $('#showhidetarget').hide(); $('a#showhidetrigger').click(function () { $('#showhidetarget').toggle(400); }); });
// ]]></script>
HTML
<h1>Show/Hide using jQuery</h1>
show/hide
<div id="showhidetarget">This is the box that is hidden and shown.
This is the box that is hidden and shown.
This is the box that is hidden and shown.
This is the box that is hidden and shown.
This is the box that is hidden and shown.
This is the box that is hidden and shown.
This is the box that is hidden and shown.
This is the box that is hidden and shown.
This is the box that is hidden and shown.
This is the box that is hidden and shown.
This is the box that is hidden and shown.
This is the box that is hidden and shown.
This is the box that is hidden and shown.
This is the box that is hidden and shown.
This is the box that is hidden and shown.
This is the box that is hidden and shown.
This is the box that is hidden and shown.
This is the box that is hidden and shown.
This is the box that is hidden and shown.
This is the box that is hidden and shown.
This is the box that is hidden and shown.
This is the box that is hidden and shown.
This is the box that is hidden and shown.
This is the box that is hidden and shown.
This is the box that is hidden and shown.
This is the box that is hidden and shown.
This is the box that is hidden and shown.
This is the box that is hidden and shown.</div>
Hide
Source: http://simon-holman.net/2010/03/show-and-hide-a-div-using-jquery/
Hope it helped! Cheers!! :-)
Warm Regards,
Shivanandana.
"Curious to Learn and Generous to Share"