javascript - side panel: not able to set side panel properly

Question

I have script as below to view side panel, on click. But its not showing side panel, its redirecting to the href link page which I want in side panel.

Script:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" type="text/javascript" >
    $(document).ready(function() {
        $("body").append("<div id='divSmallBoxes'></div>");
        $("body").append("<div id='divMiniIcons'></div><div id='divbigBoxes'></div>");
        $(".harjeet").pageslide({ direction: "left" });
    });
</script>

HTML:

<a href="secondary.php" class="harjeet" title="User">harjeet</a>