[monolithed]

kewlman В следующий раз обратите внимаение на раздел в котром создаете тему!
Просто из без изысков:

<script type="text/javascript">
window.onload = function(){
    document.getElementById('a').onclick = function(){
        var div = document.getElementById('div');
        div.style.display = (div.style.display == '') ? 'block' : '';
        return false;
    };
};
</script>

<style type="text/css">
 div {background: red; display: none; width: 100px; height: 50px;}
</style>
<a href="#" id="a">click</a>
<div id="div"></div>

Тоже самое только с использлванием jQuery:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
    $('.a').click(function(){
         $('.div1').toggleClass('div2');
        return false;
    });
});
</script>

<style type="text/css">
div {background: red; width: 100px; height: 50px; }
.div1 {display: none;}
.div2 {display: block;}
</style>

<a href="#" class="a">click</a>
<div class="div1"></div>

Почти тоже самое но со слайдингом:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
    $('.a').click(function(){
         $('.div').slideToggle(300);
        return false;
    });
});
</script>

<style type="text/css">
div {background: red; display: none; width: 100px; height: 50px; }
</style>

<a href="#" class="a">click</a>
<div class="div"></div>