[JavaScript]Zwjianie lub rozwjianie treści. Opcje

[Croos22]

Dobry.


Przy użyciu jquery funkcji toggle uzyskałem zwijanie i rozwijanie. Mam zamiar wykorzystać to do wyświetlania rejestracji bądź logowania zatem jedno albo drugie.
Funkcja toggle przyjmuje dwa argumenty pierwszy z nich to funkcja wykonywana podczas nieparzystego kliknięcia, drugi funkcja wykonywana podczas parzystego kliknięcia. Czy zmierzam w dobrym kierunku?

Oto dwa skrypty które mam zamiar złączyć w jeden:

[JAVASCRIPT] pobierz, plaintext 
$(document).ready(
function(){
$("#logowanie").click(
function(){
$("#logowanie_all").toggle();
});
});
 
$(document).ready(
function(){
$("#rejestracja").click(
function(){
$("#rejestracja_all").toggle();
});
});
[JAVASCRIPT] pobierz, plaintext 

[wolacinio]

no dobrze ale nie potrzebnie tyle kodu.
Nie lepiej zrobić na jednej funkcji ? raczej jak będzie logowanie to nie będzie rejestracji i na odwrót.

[JAVASCRIPT] pobierz, plaintext 
 
$(document).ready(
function(){
$("#odnosnik").click(
function(){
$("#pasek").toggle();
return true;
});
});
 
[JAVASCRIPT] pobierz, plaintext 

Ten post edytował wolacinio 3.08.2011, 20:42:10

[Croos22]

Jak to nie będzie potrzebna? Wchodząc na stronę odwiedzający zobaczą dwa linki, które po kliknięciu rozwiną treść dla jednego i drugiego.

Ten post edytował Croos22 3.08.2011, 20:58:21

[buliq]

Jeden z formularzy jest domyślnie widoczny? Czy oba są ukryte i skrypt pokazuje dopiero pierwszy z nich?

[Croos22]

Oba ukryte.

[buliq]

to dajesz tak:

[JAVASCRIPT] pobierz, plaintext 
 
$(document).ready(
function(){
var h=0;
$("#logowanie").click(
function(){
$("#logowanie_all").toggle();
if (h!=0)
$("#rejestracja_all").toggle();
h=1;
});
 
 
$("#rejestracja").click(
function(){
$("#rejestracja_all").toggle();
if (h!=0)
$("#logowanie_all").toggle();
h=1;
});
 
});
 
[JAVASCRIPT] pobierz, plaintext 

Wydaje się logiczne ale nie testowałem. Zasada taka: jeżeli wyświetla pierwszy raz to h=0, jeżeli drugi i następny raz h=1 więc schowaj drugi form. Można jescze sprawdzać czy drugi jest widoczny przy pomocy .is(':visible'); i jeżeli jest widoczny to chowamy.

Mam nadzieję iż pomogłem.