Running both jQuery and JavaScript on one link (not button)
<p>I am trying to run both a jQuery and Javascript code using one link. Basically the navigation bar will start in the middle of the screen, then once a menu has been clicked, the nav bar and logo will animate to top and content of that page will appear. Can anyone help me?</p>

<p>Can I just also say i am only a beginner so my knowledge is very bad! Any help would be appreciated! </p>

<pre><code>&lt;html&gt;
&lt;head&gt;
    &lt;meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"&gt;
       &lt;title&gt;****&lt;/title&gt;
    &lt;link href="design/style.css" rel="stylesheet" type="text/css"/&gt;
    &lt;script type="text/jquery" src="design/scripts/jquery.js"&gt; &lt;/script&gt;
    &lt;script type="text/javascript" src="design/scripts/homes.js"&gt; &lt;/script&gt;
        &lt;script&gt;
        $(document).ready(function(){
        $(".topPage").click(function(){
        $("#headingBlock").animate({marginTop:"=0px"});
         });
         $("#midPage").click(function(){
     $("#headingBlock").animate({marginTop:"=150px"});
     });
    });
    &lt;/script&gt;

&lt;/head&gt;
&lt;body&gt;
    &lt;div id="headingBlock"&gt;
    &lt;div id="logo"&gt;
    &lt;a href="index.html"&gt; &lt;img src="design/images/pmb_logo.png" alt="****"/&gt;
    &lt;/a&gt;
    &lt;/div&gt;
    &lt;/div&gt;

&lt;div id="navStrip"&gt;
    &lt;div id="navBlock"&gt;
    &lt;div id="nav"&gt;
        &lt;a href="index.html" id="midPage"&gt;Home&lt;/a&gt;
        &lt;a href="#" class="topPage" onclick="switchMain1()"&gt;Our Homes&lt;/a&gt;
        &lt;a href="#" class="topPage" onclick="switchMain2()"&gt;Displays&lt;/a&gt;
        &lt;a href="#" class="topPage" onclick="switchMain3()"&gt;Where we build&lt;/a&gt;
        &lt;a href="#" class="topPage" onclick="switchMain4()"&gt;Why PMB?&lt;/a&gt;
        &lt;a href="#" class="topPage" onclick="switchMain5()"&gt;Style&lt;/a&gt;
        &lt;a href="#" class="topPage" onclick="switchMain6()"&gt;Contact Us&lt;/a&gt;
     &lt;/div&gt;
    &lt;/div&gt;
&lt;/div&gt;

&lt;div id="mainContainerHomes" style="visibility:hidden"&gt;

&lt;div class="mainContent" &gt; 

&lt;p&gt; Lorem Ipsum is simply dummy text of the printing and typesetting industry.&lt;br&gt; 
Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, &lt;br&gt;
when an unknown printer took a galley of type and scrambled it to make a type &lt;br&gt;
specimen book. It has survived not only five centuries, but also the leap into &lt;br&gt;
electronic typesetting, remaining essentially unchanged. It was popularised in the &lt;br&gt;
1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more &lt;br&gt;
recently with desktop publishing software like Aldus PageMaker including versions of &lt;br&gt;
Lorem Ipsum. &lt;/p&gt;

&lt;/div&gt;

&lt;/div&gt;


&lt;div id="mainContainerDesign" style="visibility:hidden"&gt;

&lt;div class="mainContent" &gt; 

&lt;p&gt; Lorem Ipsum is simply dummy text of the printing and typesetting industry.&lt;br&gt; 
Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, &lt;br&gt;
when an unknown printer took a galley of type and scrambled it to make a type &lt;br&gt;
specimen book. It has survived not only five centuries, but also the leap into &lt;br&gt;
electronic typesetting, remaining essentially unchanged. It was popularised in the &lt;br&gt;
1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more &lt;br&gt;
recently with desktop publishing software like Aldus PageMaker including versions of &lt;br&gt;
Lorem Ipsum. &lt;/p&gt;

&lt;/div&gt;

&lt;/div&gt;

&lt;div id="footer"&gt;

&lt;h1&gt; Designed by *** &lt;/a&gt; &lt;/h1&gt;

&lt;/div&gt;

&lt;/body&gt;
</code></pre>

<p></p>
