 [AJAX][JavaScript]jQuery sliding jak chować tekst |
  |
| [AJAX][JavaScript]jQuery sliding jak chować tekst |
Post
#1
|
|
|
Grupa: Zarejestrowani Postów: 70 Pomógł: 0 Dołączył: 10.07.2013 Ostrzeżenie: (0%) 
 |
Witam, mam problem a jestem mega zielony w jQuery. Chciałbym aby w momencie naciśnięcia któregokolwiek div'a było wysunięte tylko jedno pole. Problem się pojawia jak kliknie się np po kolei każdego div'a wtedy wszystkie 3 pola się wysuwają a ja chce żeby zawsze było wysunięte tylko jedno pole po kliknięciu na którykolwiek div.
Kod <!DOCTYPE html> <html> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <script> $(document).ready(function(){ $("#flip").click(function(){ $("#panel").slideToggle("slow"); }); }); $(document).ready(function(){ $("#flip2").click(function(){ $("#panel2").slideToggle("slow"); }); }); $(document).ready(function(){ $("#flip3").click(function(){ $("#panel3").slideToggle("slow"); }); }); </script> <style> #panel, #flip { padding: 5px; text-align: center; background-color: #e5eecc; border: solid 1px #c3c3c3; } #panel { padding: 50px; display: none; } #panel2, #flip2 { padding: 5px; text-align: center; background-color: #e5eecc; border: solid 1px #c3c3c3; } #panel2 { padding: 50px; display: none; } #panel3, #flip3 { padding: 5px; text-align: center; background-color: #e5eecc; border: solid 1px #c3c3c3; } #panel3 { padding: 50px; display: none; } </style> </head> <body> <div id="flip">Click to slide the panel down or up</div> <div id="panel">Hello world!</div> <div id="flip2">Click to slide the panel down or up</div> <div id="panel2">Hello world!</div> <div id="flip3">Click to slide the panel down or up</div> <div id="panel3">Hello world!</div> </body> </html> |
 |
 
|
|
Post
#2
|
|
|
Grupa: Zarejestrowani Postów: 6 806 Pomógł: 1828 Dołączył: 11.03.2014 Ostrzeżenie: (0%)
|
https://jqueryui.com/accordion/
http://codepen.io/css-tricks/pen/irqvo Można też zrobić to bez użycia JS. -------------------- |
|
|
|
|
Post
#3
|
|
|
Grupa: Zarejestrowani Postów: 70 Pomógł: 0 Dołączył: 10.07.2013 Ostrzeżenie: (0%)
|
Kurcze troszke zle to napisalem. Chce wykonać menu z obrazków gdzie po kliknięciu będzie wyjeżdżać div z informacjami.
Stworzyłem już taki zarys ale nie działa on do końca poprawnie http://matti9410.unixstorm.org/projekty.php (pierwsze 3 zdjęcia) ponieważ gdy klikne wszystkie 3 obrazki wyjeżdżają mi 3 divy a w wersji mobilnej div wyjeżdża dopiero za trzema obrazkami Czyli klikam pierwszy obrazek a div pokazuje mi się tutaj Obrazek 1 Obrazek 2 Obrazek 3 Div od 1 obrazka a powinno być Obrazek 1 Div 1 Obrazek 2 Obrazek 3 |
|
|
|
|
|
Aktualny czas: 22.08.2025 - 06:52 |
