Ergebnis 1 bis 8 von 8

Thema: div ein und wieder ausblenden

  1. #1
    TP-Specialist Avatar von jayjay
    Registriert seit
    May 2003
    Ort
    krefeld
    Beiträge
    3.647

    div ein und wieder ausblenden

    hallo, ich möchte beim hover event über einen div ein anderes sliden und beim verlassen wieder wegpacken.
    hab aber irgendwo im code ein "loch" eingebaut
    bei hover wird der div ausgerollt, beim verlassen passiert nichts. erst beim erneuten hover wird div eingerollt.
    hoffe ihr versteht was ich meine
    HTML-Code:
    $(document).ready(function(){
    
        $("#header_extra").hover(function () {
            if ($("#wichtig").is(":hidden")) {
                $("#wichtig").slideDown(2000);
            }
            else {
                $("#wichtig").slideUp(500);
            }
        });
    
    });
    HTML-Code:
    <div id="header_extra"></div>
    <div id="wichtig">hier der wichtige inhalt</div>
    Code:
    #wichtig {
        position:absolute;
        left:10%;
        top:30px;
        background:#FFFFFF;
        margin:0 auto;
        display:none;
        z-index:200;
    }
    computer tun nur das was man ihnen sagt, meistens

  2. #2
    TP-Specialist Avatar von the0bone
    Registriert seit
    Mar 2001
    Ort
    NDS
    Beiträge
    4.271
    schmeiss mal dein if und else weg!



    http://yourhp.de/demo/0908-andre-morre.de/


    In ein paar mehr Worten: hover( over, out )
    Ungetestet:
    Code:
    $("#header_extra:hidden").hover(
                function(){
                $("#wichtig").slideDown(2000)},
                function(){
                $("#wichtig").slideUp(500)}
        });
    Geändert von the0bone (25.11.2009 um 16:20 Uhr)
    the0bone

    Wissen ist Macht, nichts Wissen macht nichts! Doch auch auch wenn man es nicht besser weiss, sollte man beim Erstellen einer Webseite auf Frames und Tabellen verzichten.

  3. #3
    TP-Specialist Avatar von jayjay
    Registriert seit
    May 2003
    Ort
    krefeld
    Beiträge
    3.647
    danke für deine flotte antwort aber #header_extra ist immer sichtbar!
    wenn über #header_extra - dann zeige #wichtig, wenn weg - blende #wichtig aus.
    computer tun nur das was man ihnen sagt, meistens

  4. #4
    TP-Moderator Avatar von Cybergreek
    Registriert seit
    Nov 2005
    Ort
    Köln
    Beiträge
    1.666
    Dann musst Du das ":hidden" aus the0bones Funktion rausnehmen.
    Grüße vom Griechen,
    Cybergreek!

    everygain Translator - eine Firefox-Erweiterung, damit der Grieche Euch besser versteht

  5. #5
    TP-Specialist Avatar von jayjay
    Registriert seit
    May 2003
    Ort
    krefeld
    Beiträge
    3.647
    ich find griechen klasse, wäre mal wieder zeit für ein gyros überbacken in metaxasoße!
    natürlich, ich depp, hätte selbst draufkommen müssen, beschreibe das noch so schön... danke vielmals euch beiden!
    computer tun nur das was man ihnen sagt, meistens

  6. #6
    TP-Specialist Avatar von jayjay
    Registriert seit
    May 2003
    Ort
    krefeld
    Beiträge
    3.647
    nachtrag, habe gerade nochmal getestet, es wurde ein- und dann direkt ausgeblendet, auch wenn der cursor noch über div war.
    habs etwas abgeändert, weiss nicht ob richtig aber funzt
    HTML-Code:
    $(document).ready(function(){
    
        $("#header_extra").hover(function () {
            $("#wichtig").slideDown(2000);
        });
        $("#header_extra").mouseout(function () {
            $("#wichtig").slideUp(500);
        });
    
    });
    computer tun nur das was man ihnen sagt, meistens

  7. #7
    TP-Specialist Avatar von the0bone
    Registriert seit
    Mar 2001
    Ort
    NDS
    Beiträge
    4.271
    Mir gefällt meines besser...
    http://yourhp.de/demo/0911-jayjay/
    the0bone

    Wissen ist Macht, nichts Wissen macht nichts! Doch auch auch wenn man es nicht besser weiss, sollte man beim Erstellen einer Webseite auf Frames und Tabellen verzichten.

  8. #8
    TP-Specialist Avatar von jayjay
    Registriert seit
    May 2003
    Ort
    krefeld
    Beiträge
    3.647
    danke, einverstanden (bis auf die farben )
    computer tun nur das was man ihnen sagt, meistens

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

Ähnliche Themen

  1. Ich such schon wieder viel zu lange (wieder corel X3) Pfad trennen
    Von Longislandandy im Forum Layout- & Vektor-Programme
    Antworten: 9
    Letzter Beitrag: 23.07.2007, 18:16
  2. möchte layer verzögert automatisch wieder ausblenden
    Von jannepelle im Forum Javascript & Ajax
    Antworten: 7
    Letzter Beitrag: 12.12.2005, 10:12
  3. div wieder ausblenden
    Von chrisi10 im Forum Dreamweaver & andere Webeditoren
    Antworten: 4
    Letzter Beitrag: 26.10.2005, 10:06
  4. "Extras einblenden" wieder ausblenden
    Von Thomas im Forum Photoshop
    Antworten: 7
    Letzter Beitrag: 17.01.2002, 14:49

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

     

Berechtigungen

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

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51