Radio buttons.

Tja
Använder mig av jQuery på en site. Har några länkar med dolda divar under och när man klickar på två olika radio buttons ska antingen divarna visas eller döljas. Själva koden fungerar bra och innehållet visas och döljs som det ska när man klickar på de olika radio knapparna.

	$(document).ready(function(){
			$('input#r1').click(function(){
				$('div.detaljerat_content:hidden').slideDown("slow");
				return false;
			});
			$('input#r2').click(function(){
				$('div.detaljerat_content:visible').slideUp("slow");
				return false;
				});
	});

Är jQuery koden för att antingen visa eller dölja alla divar som har klassen "detaljerat_content".

		<input type="radio" id="r1" value="m" name="list" />
		<label for="r1">Detaljerad lista</label>
		<input type="radio" id="r2" value="s" name="list" />
		<label for="r2">Enkel lista</label>

Är HTML-koden för radio-knapparna. Det som inte fungerar är att när jag väl klickar på Detaljerad lista blir r1 markerad men skulle jag sen klicka på Enkel lista blir inte r2 markerad och r1 omakerad.

Här kan ni se exempel och om ni först klickar på Detaljerad lista och sen klickar tillbaka på enkel lista så ser ni problemet. Hur får jag radio-knapparna att följa så att om divarna är dolda så visas Enkel lista och om divarna är utfällda visas Detaljerad lista.

Tack på förhand!

Mvh
P