kurs html cz.3 i divy

pytanie zadane 11 września 2015 w JavaScript przez KamilloPL Gaduła (3,470 p.)

robię stronę wg kursu i mam 3 kwadratowe divy obok siebie

chciałbym aby te divy po naciśnięciu pokazywały i ukrywały dany tekst

czy jest to fizycznie realne? czy dobrze myślę aby zrobić to w jquery?

2 odpowiedzi

odpowiedź 11 września 2015 przez Patrycjerz Mędrzec (192,320 p.)

odpowiedź 11 września 2015 przez Boshi VIP (100,240 p.)

Tak, js albo Jquery.

komentarz 11 września 2015 przez KamilloPL Gaduła (3,470 p.)

<script>
$(document).ready(function(){
    $("tile1").click(function(){
        $("p").hide();
    });
    $("tile1").click(function(){
        $("p").show();
    });
});
</script>
    </head>
    <body onload="odliczanie();">
        <div id="header"></div>
        <div class="rectangle"></div>
            <div id="logo">Biblioteka</div>
            <div id="timer"></div>
             <div style="clear:both;"></div>
        <div class="square"></div>
            <div class="tile1">
                <i class="icon-user"></i><br/>Autor
            </div>
            <div class="tile2">
                <i class="icon-library"></i><br/>Książki
            </div>
            <div class="tile3">
                <i class="icon-location"></i><br/>Lokalizacja
            </div>
            <div style="clear: both;"></div>
        <div id="main"></div>
        <p>blablablablabla</p>
        <div id="footer"></div>
    </body>
</html>

nie rozumiem zbytnio jak umieścić ten div tam żeby pokazywał i ukrywał to co chce

komentarz 12 września 2015 przez Czort Nałogowiec (32,500 p.)

Skrypt wywołujesz na końcu <body> a nie w <head>.

komentarz 25 września 2015 przez Szymek Użytkownik (520 p.)

A podpiąłeś dobrze jquery? Powienien być przed zamknięciem znacznika <body> ; np:


<script src="//code.jquery.com/jquery-1.11.3.min.js"></script>

komentarz 25 września 2015 przez Schizohatter Nałogowiec (39,600 p.)

No to jak najpierw będzie miał skrypty, a dopiero potem załączy jQ, to nic nie zadziała xd

Faktycznie, najlepiej przenieść je na koniec strony, żeby nie opóźniały wczytywania treści, a przed skryptem właściwym załączyć jQ.

komentarz 25 września 2015 przez Szymek Użytkownik (520 p.)

Problem twojej funkcji polega że jednocześnie klikając na tile1 miał się chować <p> i pokazywać. Fukcja nie zadziałała też dlatego, że żle opisałeś selektor; zamiast $(".tile1") wpisałeś $("tile1"). Moje rozwiązanie:

<script src="//code.jquery.com/jquery-1.11.3.min.js"></script>

	<script>
		$(document).ready(function(){
		    $(".tile1").click(function(){
		        $("p").toggle();
		    });	    
		});
	</script>