[HTML][JavaScript] Wyświetlanie / Chowanie elementów za pomocą JavaScript (Show/Hide), Nie za każdym razem działa.. Opcje

[Giluś]

Hej, posiadam taki skrypt:
http://jsfiddle.net/nd9VL/

[HTML] pobierz, plaintext 
<div id="guzik1">
	<div class="factive" id="guzik1a">+</div>
	<div class="fnactive" id="guzik2a">-</div>
	<div class="fnactive" id="guzik3a">-</div>
</div> 
 
<div id="guzik2">
	<div class="fnactive" id="guzik1a">-</div>
	<div class="factive" id="guzik2a">+</div>
	<div class="fnactive" id="guzik3a">-</div>
</div> 
 
<div id="guzik3">
	<div class="fnactive" id="guzik1a">-</div>
	<div class="fnactive" id="guzik2a">-</div>
	<div class="factive" id="guzik3a">+</div>
</div> 
[HTML] pobierz, plaintext 

[CSS] pobierz, plaintext 
body {background: #000; color: #fff; margin: 50px;}
.factive {width: 15px; height: 15px; float: left; margin-left: 30px;}
.fnactive {width: 9px; height: 9px; float: left; margin-left: 30px;}
[CSS] pobierz, plaintext 

[JAVASCRIPT] pobierz, plaintext 
$(document).ready(function() {
$("#guzik1").show();
$("#guzik2").hide();
$("#guzik3").hide();
 
 
$("#guzik1a").click(function(){
	$("#guzik1").show();
	$("#guzik2").hide();
	$("#guzik3").hide();
});	
 
 
$("#guzik2a").click(function(){
	$("#guzik1").hide();
	$("#guzik2").show();
	$("#guzik3").hide();
});
 
 
$("#guzik3a").click(function(){
	$("#guzik1").hide();
	$("#guzik2").hide();
	$("#guzik3").show();
});		
 
 
  });
[JAVASCRIPT] pobierz, plaintext 

I chce zrobić tak, że w pierwszej sytuacji jest "+ - -", gdy naciśniemy na jakiś "-" to on się zmienia w "+" i jest dokładnie w tym samym miejscu gdzie wcześniej kliknęliśmy na "-" ..
Nie mam pojęcia, dlaczego w moim przykładzie nie za każdym razem da się zmieniać, może podpowiecie dlaczego ?


Pozdrawiam i z góry bardzo dziękuje za pomoc (IMG:style_emoticons/default/smile.gif)

[by_ikar]

coś takiego http://jsfiddle.net/nd9VL/11/ ? nie do końca rozumie co próbujesz osiągnąć (IMG:style_emoticons/default/wink.gif)