Ergebnis 1 bis 2 von 2

Thema: Div bei Klicken anzeigen - Problem mit Code

  1. #1
    Azubi(ne)
    Registriert seit
    15.03.2015
    Beiträge
    80
    Danke
    38
    Bekam 0 mal "Danke" in 0 Postings

    Standard Div bei Klicken anzeigen - Problem mit Code

    Hallo,

    ich möchte , dass wenn ich auf ein <a> Element klicke ein div auftaucht und hab im Internet nach einem passendem Code dafür gesucht und bin dabei auf diese Seite gestoßen : http://jsfiddle.net/25YFA/

    Habe dann versucht das in meinen Code einzufügen, aber es funktioniert irgendwie nicht.

    HTML:

    HTML-Code:
    <!DOCTYPE HTML>
    
    <head>
        <title>Parasozial</title>
        <link rel="stylesheet" href="style.css" type="text/css" />
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
        <meta charset="UTF-8">
        <script>
            $(function() {
                var pull         = $('#pull');
                    menu         = $('nav ul');
                    menuHeight    = menu.height();
    
                $(pull).on('click', function(e) {
                    e.preventDefault();
                    menu.slideToggle();
                });
    
                $(window).resize(function(){
                    var w = $(window).width();
                    if(w > 320 && menu.is(':hidden')) {
                        menu.removeAttr('style');
                    }
                });
            
        </script>
        <script>
    $("#hiddendiv").hide();
    $("a").on("click", function(e){
        e.preventDefault();
    $("#hiddendiv").toggle();
    });
    
        </script>
    </head>
    <body>
    
        
    <header>
        <img src="Bilder/Header.jpg">
    
    
        <nav class="clearfix">
            <ul class="clearfix">
                <li><a href="Index.html">Startseite</a></li>
                <li><a href="Story.html">Story</a></li>
                <li><a href="Figuren.html" class="active">Figuren</a></li>
                <li><a href="Projekt.html">Projekt</a></li>
                <li><a href="Unterstuetzer.html">Unterstützer</a></li>
                <li><a href="Kontakt.php">Kontakt</a></li>
    
                
            </ul>
    
            <a href="#" id="pull">Menü</a>
        </nav>
    
    
    </header>
    
    
    <section class="main">
    
    <div class="beige">
    
    
    <div class="Kuenstler_rechts" >
        <article>
    
    
    <p>Alter: 28</p>
    
    
    <a href="#"> Gespielt von: Robin Czerny</a>
        </article>
    
    <div id="hiddendiv"></div>
         
    
    </div>
    
    
    
    
    
    
    
    
    
    </section>
    
    <div class="Impressum">
            
        <footer>
                <ul>
                    <li><a href="Impressum.html" >Impressum</a></li>
                </ul>
            </footer>
    </div>
        
    </body>
    
    </html>

    Das ist meine CSS für das div:

    Code:
    #hiddendiv{
        height:120px;
        width:120px;
        background-color:red;
       }
    Wär froh,wenn mir jemand helfen kann.
    Danke schonmal !

    Liebe Grüße

    Sundream
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Moderator Avatar von Arne Drews
    Registriert seit
    20.01.2016
    Ort
    Friedrichstadt, NF
    Beiträge
    1.235
    Danke
    21
    Bekam 120 mal "Danke" in 119 Postings

    Standard AW: Div bei Klicken anzeigen - Problem mit Code

    Hallo,


    1. Bei Klick auf welchem A soll das DIV auftauchen/verschwinden?
    2. Nutze mal $( document ).ready( function() { ... });


    Gruß Arne

Ähnliche Themen

  1. bb code in signatur anzeigen
    Von Andy im Forum Forum-Hilfe.de intern
    Antworten: 3
    Letzter Beitrag: 16.01.2012, 00:06
  2. HTML Code anzeigen lassen mit PHP
    Von $mysql= im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 2
    Letzter Beitrag: 25.07.2010, 20:30
  3. code auf webseite anzeigen
    Von Unregistriert im Forum HTML & CSS Forum
    Antworten: 36
    Letzter Beitrag: 24.08.2009, 03:05
  4. Zuletzt Registrierte User anzeigen code?
    Von musti1989 im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 13
    Letzter Beitrag: 12.05.2009, 11:04
  5. code anzeigen lassen
    Von Tweety im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 08.05.2004, 01:58

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •