Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [JavaScript][CSS]CSS - zapisanie tego za pomocą Javascript.
ossUter
post
Post #1





Grupa: Zarejestrowani
Postów: 47
Pomógł: 0
Dołączył: 27.11.2013

Ostrzeżenie: (0%)
-----

Siemanko.
Dzisiejszy problem mój polega na tym, że nie mam pojęcia jak przedstawić to:
[PHP] pobierz, plaintext 
  1. nav ul ul {
  2. 	display: none;
  3. }
  4.  
  5. 	nav ul li:hover > ul {
  6. 		display: block;
  7. 	}
[PHP] pobierz, plaintext

Za pomocą JS, tzn; to jest od menu - jak na razie wysuwa się po najechaniu. Chcę zrobić to za pomocą kliknięcia (.click()), gdyby się udało.
Czyli - domyślnie aby nav ul ul miało display: none; a po kliknięciu w nav ul li pokazało się ul - display: block. Mógłbym liczyć na pomoc? Pozdrawiam.

Ten post edytował ossUter 5.07.2015, 14:37:53
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
kafowi
post
Post #2





Grupa: Zarejestrowani
Postów: 75
Pomógł: 20
Dołączył: 13.02.2015

Ostrzeżenie: (0%)
-----

Przy użyciu samego CSS również istnieje możliwość zrobienia pseudo-zdarzenia click().
[HTML] pobierz, plaintext 
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.   <meta charset="utf-8">
  5.   <title>CSS :target menu</title>
  6.   <style>
  7.     nav ul ul {display:none;}
  8.     nav ul ul:target  {display:block;}
  9.   </style>
  10. </head>
  11. <body>
  12. <nav>
  13.   <ul>
  14.    <li><a href="#aaa">Kliknij mnie</a><ul id="aaa">Bo mam cos pod sobą</ul></li>
  15.    <li><a href="#iii">Kliknij mnie</a><ul id="iii">Bo mam cos pod sobą</ul></li>
  16.    <li><a href="#uuu">Kliknij mnie</a><ul id="uuu">Bo mam cos pod sobą</ul> </li>
  17.    <li><a href="#eee">Kliknij mnie</a><ul id="eee">Bo mam cos pod sobą</ul></li>
  18.    <li><a href="#ooo">Kliknij mnie</a><ul id="ooo">Bo mam cos pod sobą</ul></li>
  19.   </ul>
  20. </nav>
  21. </body>
  22. </html>
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post

Posty w temacie
- ossUter   [JavaScript][CSS]CSS - zapisanie tego za pomocą Javascript.   5.07.2015, 14:37:04
- - prz3kus   JS http://www.w3schools.com/jsref/prop_style_visib...   5.07.2015, 15:18:23
- - kafowi   Przy użyciu samego CSS również istnieje możliwość ...   5.07.2015, 15:35:19
- - Comandeer   @kafowi można, ale w tym momencie za bardzo brudzi...   5.07.2015, 15:54:43
|- - kafowi   Cytat(Comandeer @ 5.07.2015, 16:54:43...   5.07.2015, 17:05:57
- - Comandeer   O lol, nie, nie musi. Tam kiedyś było demko galeri...   5.07.2015, 17:23:23
|- - kafowi   Cytat(Comandeer @ 5.07.2015, 18:23:23...   5.07.2015, 17:35:59
- - Comandeer   Akurat brak formularza to raczej nie problem. Nie ...   5.07.2015, 17:43:12
- - ossUter   Dzięki wielkie, zastosowałem się do tego i działa ...   6.07.2015, 14:25:33
- - Comandeer   Można zrobić trick z rozciągnięciem niewidzialnego...   6.07.2015, 14:49:05
- - ossUter   W takim razie jakich funkcji JS powinienem użyć?   6.07.2015, 14:59:10
- - Comandeer   Obadaj to, co podesłał @prz3kus z jQuery - to będz...   6.07.2015, 15:02:16

« Następny starszy · Przedszkole · Następny nowszy »
 

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Przełącz na: Standardowy · Przełącz na: Linearny+ · Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 16.10.2025 - 06:54
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn