Simple example to display extra content using the jquery
<script src="jquery-1.4.3.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function () {
//when page load hide the detail
$('p#PknwMore').hide();
//when click on know more display detail
$('a#a1').click(function () {
$('p#PknwMore').slideDown();
//.show('slow');
});
//when click on read less hide the detail
$('a#aHide').click(function () {
$('p#PknwMore').slideUp();
//.hide('slow');
});
});
</script>
<a href="#" id="a1">Read more</a>
<p id="PknwMore">
Hello this is read more info about the company Hello this is read more info about
the company Hello this is read more info about the company Hello this is read more
info about the company <a id="aHide" href="#">Read Less</a>
</p>