Salve ragazzi stò cercando di applicare un effetto JQuery alla mia struttura html.

codice:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento senza titolo</title>
<style type="text/css">
<!--
	
.sub-menu {display: none;}	

li#vynil {float: left; list-style: none; padding: 5px; }

li#digital {float: left; list-style: none; padding: 5px; }

div#view { clear: both; padding: 20px; }
-->
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> 
<script type="text/javascript" src="jquery.easing.1.3.js"></script> 
<script type="text/javascript" src="script.js"></script> 
</head>

<body>


<div id="all_releases">

	<div id="sections">
    
    	<ul>
        	<li id="vynil">VYNIL
            <li id="digital">DIGITAL[/list]
    
    </div>

	
	<div id="view">
    	BOX DOVE VISUALIZZARE LE RELEASES
	</div>
    

</div>


</body>
</html>
Praticamente, l'effetto che devo applicare è il seguente:

http://www.gaetanodemitri.altervista...ct/index2.html

Come potete notare, quando clicco vynil escono alcuni contenuti, quando clicco digital altri contenuti. però io dovrei avere la struttura che ho postato precedentemente(cioè vynil e digital devono essere affiancati e poi sotto ho un unico div nel quale i contenuti cambiano in base alla scelta dei pulsanti vynil e digital).

Come potrei risolvere?

Grazie anticipatamente,
gaten