Para iniciar, vou mostrar como utilizar o framework prototype. O seu objetivo principal é agilizar e facilitar o desenvolvimento de aplicação web 2.0 usando Ajax, adicionando diversas extensões ao DOM. Neste site você encontra um excelente e completo tutorial sobre o prototype. Para começar a vamos conhecer a função $():
$(): Um atalho para o document.getElementById() do DOM em javascript. Muito mais que apenas retornar um elemento HTML, a função $() adiciona alguns métodos extras ao objeto retornado como hide(), show() e toggle() pra esconder e exibir elementos.
Ex:
<div id="minhadiv">conteúdo</div>
<a href="#" onclick="teste();">Esconder / Mostrar</a>
<script>
function teste(){
$('minhadiv').toggle();
}
</script>