fällt Ich beabsichtige nicht, jquery/javascript zu verwenden. Nur html/css/php!
Ich möchte ein Dropdown-Menü, wenn Sie auf klicken und weg, wenn Sie irgendwo anders klicken.
Wie würde ich das mit :target
in CSS tun?/Ist es möglich?
Wie würde ich das mit onclick
-Attribut machen?/Ist es möglich?
Was wäre eine andere Methode, nicht mit jquery?
Beispielcode: https://jsfiddle.net/kf42qc2h/Dropdown-Menü, das beim Klicken auf
-1
A
Antwort
0
Mit onclick-Funktion können Sie tun. aber innerhalb Onclick, was geschrieben wir das Inline genannt wird Javascript wie Inline-CSS
wie folgt ....
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
<style>
li ul{display:none;}
</style>
<ul class="parent">
<li onclick="$('.child').hide();$(this).find('.child').show();">
<a href="#">Home</a>
<ul class="child">
<li>Home1</li>
<li>Home2</li>
<li>Home3</li>
</ul>
</li>
<li onclick="$('.child').hide();$(this).find('.child').show();">
<a href="#">About</a>
<ul class="child">
<li>About1</li>
<li>About2</li>
<li>About3</li>
</ul>
</li>
</ul>
Verwandte Themen
- 1. Dropdownmenü ist verknüpft?
- 2. Dropdownmenü Tabschlüssel pure CSS
- 3. Dropdownmenü in Android (2.3.3)
- 4. RuntimeException beim Klicken auf EditText
- 5. Beenden der PHP-Formular-Aktion beim Klicken auf das Bestätigungsfeld
- 6. Mobiles Menü, das beim Klicken geschlossen wird.
- 7. Dropdownmenü in ASP.NET Core 1.0
- 8. Kann Kontrollkästchen beim Klicken auf li überprüfen
- 9. Wordpress erweitern Untermenü beim Klicken auf Eltern
- 10. Zeige Tooltip beim Klicken auf die Schaltfläche
- 11. Datagridview verursacht IndexOutOfRangeException beim Klicken auf
- 12. Tooltip erscheint beim Klicken auf ein Textfeld
- 13. Fehlermeldung beim Klicken auf Python-Datei
- 14. ESRI - Rückgabeattribute beim Klicken auf ein Feature
- 15. PopupWindow beim Klicken auf eine Schaltfläche anzeigen?
- 16. getImageData beim Klicken auf eine dynamische Schaltfläche
- 17. Datenbank Login Eingabeaufforderung beim Klicken auf Unterberichte
- 18. Alarmdialog-Layout beim Klicken auf Marker
- 19. App stürzt beim Klicken auf App-Symbol
- 20. Rufnummer beim Klicken auf Listenansicht Element
- 21. Fehler beim Klicken auf RecyclerView in Android
- 22. Benachrichtigung beim Klicken auf eine Schaltfläche?
- 23. App beim Klicken auf die Schaltfläche einfrieren
- 24. Elementtyp beim Klicken umschalten
- 25. So rufen Sie eine Bibliotheksfunktion über ein Tabellenkalkulations-Dropdownmenü auf, das von derselben Bibliothek generiert wurde
- 26. Farbverlaufsrand beim Klicken
- 27. Zeitverzögerung beim Klicken
- 28. Semantisches UI-Dropdownmenü mit voller Breite
- 29. Klicken Sie auf das nächste Element
- 30. React, klicken Sie auf das übergeordnete Element
Warum können Sie nicht verwenden ''
Zunächst einmal hat PHP hier nichts zu tun - es ist serverseitige Sprache. Zweitens - Verwenden von 'onclick' bedeutet, JavaScript zu verwenden. –
kann ich css style wie 'display: block;' mit onclick ändern? – iwillieyou