How to link to section in same static page? How to create a menu link to the section that will display when I click on the link and hide when i again click on the link..

link is 

    &lt;a href="#contact" class="page-scroll"&gt;&lt;span&gt;contact me&lt;/span&gt;&lt;/a&gt;


the above link should open

&lt;section id="contact" class="cat-pages"&gt;
//some code
&lt;/section&gt;
You need to use Jquery and a tiny bit of css.

Javascript 

$('.page-scroll').click(function() {
    $('.cat-pages').toggle('slow');
});


css

.cat-pages { display: none; }


JS FIDDLE DEMO EXAMPLE

edit: 

To use jquery in drupal you use 

(function ($) {
    // code goes here
})(jQuery);


go to drupal/sites/all/themes/YourTheme/

look for your  theme.info file and add this line in there

scripts[] = js/myscript.js


Then go drupal/sites/all/themes/YourTheme/js and create myscript.js file. 

put this inside it

(function ($) {
    $('.cat-pages').hide();
    $('.page-scroll').click(function() {
        $('.cat-pages').toggle('slow');
    });
})(jQuery);


If the above doesn't work, try

(function ($) {
    $(document).ready(function () {  
    $('.cat-pages').hide();
            $('.page-scroll').click(function() {
                $('.cat-pages').toggle('slow');
            });
    }); 
        })(jQuery);


PS: 

Don't worry about .cat-pages { display: none; }css anymore, since I added the hide in the jquery $('.cat-pages').hide();