[JQUERY][PHP]Problem, którego nie da sie opisać jednym zdaniem Opcje

[krisek101]

Cześć.
Więc tak..Mam tablice z czterema danymi($uz[1], $uz[2], itd).

[PHP] pobierz, plaintext 
for($i=1;$i<9;$i++){
echo "<a class='kat' rel='".$uz[$i]."'>".$uz[$i]."</a>";
}
[PHP] pobierz, plaintext 

Kod jquery do tego:
$("a.kat").click(function() {
var rel = $(this).attr("rel");
$('.tresc').slideUp('slow');
$("div#"+rel).slideDown('slow');
});

Po nacisnięciu linku pokazuje sie na stronie nastepna treść w divie(i to wlaśnie chyba jest źle):

[PHP] pobierz, plaintext 
for($i=1;$i<9;$i++){
echo '<div class="tresc" id="'.$uz[$i].'">';
[PHP] pobierz, plaintext 

I niby wszystko mi ładnie wyświetla, ale w tym divie jest jeszcze maly formularz logowania/rejestracji jquery, w ktorym po nacisnięciu "Mam już konto", usuwa sie pole e-mail i zamiast "załóż konto" jest "zaloguj", który działa tylko kiedy wejdzie się w $uz1.
Tu jest kod tego formularza:

$("#zarejestruj").click(
function() {
$("#mail").hide();
$("#zaloz").hide();
$(".display_none").show();
$("#zarejestruj").hide();
$("#reg").css('height','250px');
});


$("#zaloguj").click(
function() {
$("#mail").show();
$("#zaloz").show();
$(".display_none").hide();
$("#zarejestruj").show();
$("#reg").css('height','300px');
});

[HTML] pobierz, plaintext 
<button id='zarejestruj' type="submit" class="btn btn-success">Mam już konto</button>
<h class="display_none"><button id='zaloguj' type="submit" class="btn btn-success">Nie mam konta</button></h>
<p><input type='text' name='nick' class="form-control" placeholder='Nazwa użytkownika' /></p>
<p><input type="password" class="form-control" placeholder="Hasło" name='haslo'></p>
<p><input id="mail" type="text" name='mail' class="form-control" placeholder="E-mail"></p>
<p><button id='zaloz' class="btn btn-danger" type="submit">Załóż konto</button></p>
<p class='display_none'><button id='loguj' class="btn btn-danger" type="submit">Zaloguj</button></p>
[HTML] pobierz, plaintext 

Po wejściu w link pierwszy($uz1) wszystko działa ok, ale w każdym innym nie dziala ta zmiana w jquery formularza.
Dzięki za zainteresowanie i proszę o pomoc.

Ten post edytował krisek101 2.08.2013, 20:07:09

[kpt_lucek]

Powiem tak,

Nie wiele się dowiedziałem z Twojej wypowiedzi, poza tym że nie działa Ci ładowanie treści do diva w zależności od klikniętego linku.

Ogólnie, jak chcesz nadać obsługę do grupy elementów to daj ją w:

[HTML] pobierz, plaintext 
$(document).ready(function(){
	$("a.kat").click(function() {
		var rel = $(this).attr("rel");
		$('.tresc').slideUp('slow');
		$("div#"+rel).slideDown('slow');
	});
});
[HTML] pobierz, plaintext 

Dodatkowo, jeżeli używasz Firefox'a, to polecam Firebug'a, oraz lekką modyfikację kodu na potrzeby testów:

[HTML] pobierz, plaintext 
$(document).ready(function(){
	$("a.kat").click(function() {
		var rel = $(this).attr("rel");
                console.log(rel); // powinien wyświetlić wartość atrybutu "rel" dla każdej kotwicy z klasą "kat"
		$('.tresc').slideUp('slow');
		$("div#"+rel).slideDown('slow');
	});
});
[HTML] pobierz, plaintext 

Poza tym, nie wiem czy dobrze zrozumiałem, ale Twój skrypt usuwa (coś fizycznie z dokumentu) po jakiejś akcji. Zaproponowałbym zrobienie tego inną metodą, a mianowicie nie poprzez usunięcie, a wyświetlanie odpowiedniego div'a (w zależności od wymaganej sytuacji oczywiście)

[HTML] pobierz, plaintext 
<div id="div1" style="display:none"></div>
<div id="div2"></div>
<script type="text/javascript">
$(document).ready(function(){
	$("#idbuttona").click(function() {
        $("#div1").hide();
		$("#div2").show();
	});
});
//Lub
$(document).ready(function(){
	$("#idbuttona").click(function() {
        if($("#div1").is(":visible")){
			$("#div1").hide();
			$("#div2").show();
		}else{
			$("#div1").show();
			$("#div2").hide();
		}
	});
});
</script>
[HTML] pobierz, plaintext 

W razie co pytaj dalej