jquery - ukrywanie i wyświetlanie

pytanie zadane 13 października 2017 w JavaScript przez adrian588 Początkujący (470 p.)

Pobrałem taki kod do ukrywania i pokazywania elementów

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
    $("#hide").click(function(){
        $("p").hide();
    });
    $("#show").click(function(){
        $("p").show();
    });
});
</script>
</head>
<body>

<p>If you click on the "Hide" button, I will disappear.</p>

<button id="hide">Hide</button>
<button id="show">Show</button>

</body>
</html>

Kod oczywiście działa.

Problem mam taki iż mam parę sekcji <p>

Jak dodać identyfikator aby odpowiednia się ukrywała a nie wszystkie?

Dodatkowo mam również na stronie formularz.

Jak kod wkleję w znaczniki <form> przestaje działać.

Jak sobie z tym poradzić?

Dodatkowo taki kod od razu pokazuje znacznik <p> . Jak zrobić aby po wejściu na stronę nie był widoczny a pokazał się dopiero po kliknięciu buttona pokaż?

1 odpowiedź

odpowiedź 13 października 2017 przez Jedras Maniak (54,860 p.)

$("#identyfikator").show();

<p id="identyfikator">tresc</p>

Aby znacznik nie był widoczny ustaw mu, np. w css właściwość display na "none".

Co do formularza to nie wiem co masz dokładnie na myśli, musiałbyś pokazać kod albo napisać więcej.

komentarz 13 października 2017 przez adrian588 Początkujący (470 p.)

Ok.

Wszystko działa.

Problem jedyny dalej pozostaje taki: jak zrobić aby kod działał po wstawieniu go z znacznik <form> ?

komentarz 13 października 2017 przez Jedras Maniak (54,860 p.)

Pokaż może co kombinujesz, bo pisałem - ciężko na razie cokolwiek mi wywnioskować. Nie działa Ci button w formularzu czy jak?

komentarz 13 października 2017 przez adrian588 Początkujący (470 p.)

Po kliknięciu jest przeładowanie strony - ukazuje się na chwilę treść znacznika p - po czym znika i nic się nie dzieje.

formularz jest taki: <form = action="belkazginanie.php" method="post">

Po sprawdzeniu jest tak: jak cały kod:

<button id="hide">NIE</button>
<button id="show">TAK</button>

<p id="zbrojeniegora">
średnica prętów głównych 
</p>

Jest w znaczniku form to nie działa.

Jak buttony wyrzucę poza znacznik to działa.

komentarz 13 października 2017 przez adrian588 Początkujący (470 p.)

Mam jeszcze jedno pytanie aby nie tworzyć nowego wątku:

W jquery mam hide/show

pod którymi mam schowane pola select w formularzu.

I nie ważne czy to ukryje czy też nie to pole select jest przekazywane dalej.

A jak zrobić aby nie było?

komentarz 16 października 2017 przez Vxid Functixn Bywalec (2,720 p.)

Jesli dobrze rozumiem. użyłeś

<button id="hide">Hide</button>
<button id="show">Show</button>
//i w formularzu
<button id="hide">TAK</button>
<button id="show">NIE</button>

??
Nie można użyć dwa razy identyfikatora, od tego są klasy. JQuery rozpoznaje na tej samej zasadzie klasy identyfikatory tagi i wogóle wszystko. zamiast #hide użyj wszedzie .hide i .show