Upon examining your code, it appears that a simple update to your HTML is required:
<a id="adddrivertrigger" href="javascript:void(0);" class="auto-style2">Add Drivers</a>
The '#' in the link may be causing the page to scroll to the top unnecessarily.
If you are using an anchor tag for a click event with an href attribute, you should prevent the default href action from occurring (if desired). This can often be achieved by adding
return false;
To your click event handler. However, instead of using '#', it is considered best practice to use a null javascript call as the href value.
Additionally, here are some examples of what not to do with href attributes:
<a href="javascript:;"></a>
<a href="javascript:return false;"></a>
<a href="javascript://"></a>
<a href=""></a>
<a href="#"></a>
The above examples either contain invalid JavaScript code or may cause inconsistencies across different browsers.
An alternative jQuery solution could have been implemented as shown below:
$('a#adddrivertrigger').click(function () {
$('#adddriverpanel').toggle(400);
return false;
});