HTML div-Element bei Mausklick ein- und ausblenden?

Guten Abend,

ich möchte ein DIV Elements bei Mausklick einblenden und wenn man nochmal auf den Text klickt, soll der Inhalt des DIV Elements ausgeblendet werden. Ich habe gehört, dass man sowas mit Javascript und CSS machen kann, aber wie das gehen soll weiß ich nicht. Ich würde mich über einen einfachen Source Code freuen!

HTML
Javascript
CSS
div

Neuen Kommentar schreiben

Hilfe zum Textformat
CAPTCHA
This question is for testing whether or not you are a human visitor and to prevent automated spam submissions.
Profile picture for user Guest

Gespeichert von VX (nicht überprüft) am/um Mo, 07/15/2013 - 23:36

Permanenter Link

Du kannst das Problem mit JS und CSS lösen.

1.) Einen DIV-Container erstellen und diesen "verstecken", damit der Inhalt erst nach dem klick erscheint.

Den Inhalt einblenden / ausblenden

2.) Mit Javascript eine Funktion erstellen, um das ausgeblendete Container wieder einzublenden oder umgekehrt.

Suche

Neueste Kommentare

  • Maybe Patch

    6 hours 10 minutes ago
    Deprecated function: Creation of dynamic property Drupal Tablefield TablefieldFormatter::$ModuleHandler is deprecated

     

    https://www.drupal.org/project/tablefield/issues/3397688

  • /etc/my.cnf

    1 month ago
    Transaction isolation level REPEATABLE-READ The recommended level for Drupal is "READ COMMITTED". (Drupal Status Report)

     Edit "/etc/my.cnf" ( under [mysqld] ):

    transaction_isolation="READ-COMMITTED"

    Restart MariaDB / MySQL:

  • Create Sub-Directories with WGET

    1 month 1 week ago
    Wget - Eine Webseite rekursive downloaden

    wget -U 'Mozilla/MyUserAgent' -P MyTempDir123 --wait=0.2 --random-wait -nd -r -x -l 4 -e robots=off --reject

  • Ignore Binaries, JS, CSS etc

    1 month 1 week ago
    Wget - Eine Webseite rekursive downloaden

    wget -U 'Mozilla/MyUserAgent2024' -P MyOutPutDirectory --wait=1 --random-wait -nd -r -l 2 -e robots=off --reject

  • Intel(R) Xeon(R) E-2288G CPU @ 3.70GHz

    2 months 1 week ago
    CPU benchmarking with sysbench (single-threaded/all cores)

     

    # sysbench --threads="$(nproc)" cpu run

  • AMD Ryzen 7 PRO 3700 8-Core Processor

    2 months 1 week ago
    CPU benchmarking with sysbench (single-threaded/all cores)

    # sysbench --threads="$(nproc)" cpu run

  • Reload .bashrc without logging out

    2 months 1 week ago
    Linux Autovervollständigung - bash autocomplete
    source ~/.bashrc

    Diese Lösung wird empfohlen aber hat bei mir nicht funktioniert.

    Welche Alternative gibt es?

  • Composer + PHP 8.3

    2 months 1 week ago
    PHP-CLI auf PHP8.2 umstellen (für Composer, Drush etc)

    ln -snf /opt/plesk/php/8.3/bin/php /etc/alternatives/php

  • composer.json

    2 months 2 weeks ago
    Drush Update failed (require php >=8.2)

    In composer.json, update: 

     

  • Empty Flood Table

    2 months 2 weeks ago
    Drupal: Anmeldung fehlgeschlagen Es hat mehr als 5 fehlerhafte Anmeldeversuche für dieses Benutzerkonto gegeben. Es ist vorübergehend gesperrt. 
    drush sqlq "DELETE FROM flood"