Forum PHP.pl

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)

Coś niezbyt dobrze to działa, ponieważ:
- Jak nacisnę na plusa to on przeskakuję w inne okienko.. a nie powinien..
- Jak przykładowo kliknąłem na środkowy guzik, a później na ten pierwszy z lewej strony, to " + " się pojawił w 'okienku' 3, a nie 1 - tam gdzie wcisnąłem..


Fakt, jak bym klikał jeden za drugim guzikiem to działa dobrze, ale jak zamieszam kolejność to już inaczej działa (IMG:style_emoticons/default/smile.gif)


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

Ten post edytował Giluś 31.07.2014, 14:35:25

Właśnie, o coś takiego mi chodziło (IMG:style_emoticons/default/smile.gif)

Tylko, dobrze było by jeszcze, aby gdy jest wciśnięty "+" i klikniemy na niego to aby nic się nie działo, bo teraz jak mamy "+" i klikniemy na "+" to on się staje "-"

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

Tak chyba chciał:

[HTML] pobierz, plaintext 
/*if($(this).hasClass('_show'))
{
$(this).text('-').removeClass('_show');
} else
{
*/$(this).text('+').addClass('_show');
//}
[HTML] pobierz, plaintext