Presupposto che non sono un programmatore... cercando qua e là sono arrivato a questo risultato che potete vedere qui...

index.html

codice:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html>

	<head>
		
        <title>Prova</title>
		
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		
		<style type="text/css">
			
			body { margin: 20; padding: 0; background-color: #fff; }
			ul li a { color:#000; text-decoration:none; }
			ul li a:hover {background:#000; color:#fff; text-decoration:none; }
			ul li a.active {background:#000; color:#fff; text-decoration:none; }   
		
        </style>
		
		<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
        
		<script type="text/javascript">
		
			$(document).ready(function(){
				
				$('.vedi').click(function(){
					
					var href = $(this).attr('href');
					
					if ($('#content').is(':visible')) {
						
						$('#content').css('display','block').animate({height:'0px'}).empty();
						
					}
					
					$('#content').css('display','block').animate({height:'150px'},function(){
						
						$('#content').load('content.html #'+href );
						
					});
					
					return true;
					
				});
				
				
			});
			
		</script>
        
	</head>
	
    <body>
    
        <div id="content"></div>
    
        <ul>
            [*]Uno[*]Due[*]Tre
            [/list]
        
	</body>
    
</html>
content.html

codice:
<div id="uno">Contenuto 1</div>
<div id="due">Contenuto 2</div>
<div id="tre">Contenuto 3</div>

ora vorrei fare in modo che i link del listato resti in stato "active" fin quando non viene cliccato un'altro link...

le ho provate tutte ma non trovo niente che funzioni... credo sia una cavolata ma non so dove sbattere la testa... qualcuno è così gentile di darmi un aiuto?

grazie...
francesco