$(document).ready(function(){ $("a.showHidePrograms").live('click', function(){ var $div= $(this).parent().next("div"); if($div.attr("class") == 'hide'){ $div.attr("class","show"); }else{ $div.attr("class","hide"); } $(this).focus(); }); });

this  jquery  just changes the class for the div element. 

The problem is everytime I click on this link the browser goes to the top. 
I mean If my page has vertical scroll bar ,and I pulled down the vertical scroll bar to see the bottom row of the table or I am at the last row , there if I click this link the browser goes to top again , what I want is if I click on the link I donot want browser to change it focus , please help me with this.