Insert jquery javascript call and following code in head of your template index.php file.
| Code: |
<script ="text/javascript" src="http://your_site.com/templates/your_template_name/javascript/jquery.js" >;
<script ="text/javascript">
jQuery.noConflict();
jQuery(document).ready( function() {
commentc_img = "http://your_site.com/templates/your_template_name/images/comment_c.gif";
commento_img = "http://www.your_site.com/templates/your_template_name/images/comment_o.gif";
jQuery("#comment").before('<div id="comment_toggle"></div><div id="comloading_msg"></div>');
jQuery("#comment_toggle").css("cursor","pointer").html('<img src="'+commento_img+'"> Comments');
jQuery("#comment").slideUp("fast");
jQuery("#comment_toggle").toggle(function(){
jQuery("#comloading_msg").html("loading....").slideDown("fast",function(){
jQuery("#comment").slideDown("slow",function(){
jQuery("#comloading_msg").slideUp("fast");
jQuery("#comment_toggle").css("cursor","pointer").html('<img src="'+commentc_img+'"> Comments');
});
});
},function(){
jQuery("#comment").slideUp("slow");
jQuery("#comment_toggle").html('<img src="'+commento_img+'"> Comments');
});
});
</script>
|
And it should work.