Skocz do zawartości

[jQuery] Sposób na wyskakujący na ekranie tylko jeden element


cachaito

Rekomendowane odpowiedzi

Witam serdecznie!

jQuery dopiero się uczę. Myślę, że dla bardziej doświadczonych znawców tematów będzie to łatwe pytanie.

Chciałbym zrobić jak najprościej takie coś:

mam kod:

<?php

$('#miasto_1').click(function() {

$('#adresy_1').toggle();

});

$('#miasto_2').click(function() {

$('#adresy_2').toggle();

});

?>

Chodzi o to, by po wybraniu z listy "miasta", pojawiała się druga, ukryta dotąd (display:none) lista "adresy".

Problem w tym, że gdy wybiorę pierwsze miasto a potem drugie i trzecie, to na ekranie pojawiają mi się trzy miasta, a ja chciałbym aby tylko jedno mogło być naraz na ekranie :-/

Pozdrawiam!

cachaito - - - - - - - - - - - - - - - - - - - - -

- - - - - - www.cachaito.strefa.pl

Odnośnik do komentarza
Udostępnij na innych stronach

  • 1 miesiąc temu...

Czy ja dobrze widzę, że osadzasz jQuery w PHP? jQuery to jest framework JavaScript...

Też jestem początkujący w jQuery, ale wydaje mi się, że powinieneś mieć zmienną, przechowującą ID aktualnie otwartego elementu i zamykać go przed otwarciem następnego.

var element="";

(..)

$('#miasto_1').click(function() {

$('#adresy_1').toggle();

if(element!="") $('#'+element).toggle();

element='adresy_1';

(nie koniecznie musi działać... Tu jest pokazana moja idea)

Odnośnik do komentarza
Udostępnij na innych stronach

  • 4 tygodnie później...

Poszukaj w necie jest dna 99% dużo gotowych rozwiązań twojego problemu...

HTTP 200 usługi IT -> Dariusz Janicki | Realizacja serwisów www oraz oprogramowania w PHP / C# / Golang / Node.js / MySQL/ Laravel
Komory normobaryczne - normobaria.tech Wykonawca montażu i instalacji komory normobarii

Odnośnik do komentarza
Udostępnij na innych stronach

Zarchiwizowany

Ten temat przebywa obecnie w archiwum. Dodawanie nowych odpowiedzi zostało zablokowane.

  • Ostatnio przeglądający   0 użytkowników

    • Brak zarejestrowanych użytkowników przeglądających tę stronę.
×
×
  • Dodaj nową pozycję...

Powiadomienie o plikach cookie

Umieściliśmy na Twoim urządzeniu pliki cookie, aby pomóc Ci usprawnić przeglądanie strony. Możesz dostosować ustawienia plików cookie, w przeciwnym wypadku zakładamy, że wyrażasz na to zgodę. Warunki użytkowania Polityka prywatności