jquery nur die hälfte verbergen

[CanRau]

tach leute..also hab grad ma bissl gegoogled und paar ansätze gefunden...mein problem ist dass ich im grunde keine ahnung von javascript habe..versteh ein bisschen was da steht aber das wars auch schon..

ich möchte meinen header per jquery togglen können also auf und zu klappen
aber er soll nur zu einem bestimmten punkt schliessen..also dass noch ein teil sichtbar bleibt

habe nur einen artikel direkt dazu gefunden

hmm by default your container div need to have these css properties :

Copy code​

1. div.container { overflow:auto; height:auto; }

To block the container with 470*180px size you add this :

Copy code​

1. div.container-closed { overflow:hidden; width:470px; height:180px; }

After, on the click, you remove the class .container-closed for removing overflow:

The jquery code:

Copy code​

1. // by default we block the size with JS
2. $("#div").addClass("container-closed");
3. // click event
4. $("#trigger").click( function() {
5. $("#div").toggleClass("container-closed");
6. });

das problem ist da toggled nichts..es bleibt der der closed klasse

und dass hier habe ich mir mehr oder weniger zusammen gebastelt von hier

die funktion animate geht leider immer nur in eine richtung so zu sagen, ich möchte es aber wie gesagt togglen...also dachte ich ich mache zwei trigger
im prinzip geht es auch aber irgendwie zerschiess es mir das design ein bisschen...unter dem geschlossen header ist unnötiger platz und es springt irgendwie komisch rum wenn ich mehrmals auf den selben trigger klicke

$("#trigger2").click(function() {
    $("#header").animate({
        height: "200px",
    }, 1000);
});
$("#trigger1").click(function() {
    $("#header").animate({
        height: "378px",
    }, 1000);
});

wär cool wenn mir da einer helfen könnte

EDIT: aha hab rausgefunden woher dieser abstand kommt^^
ich hab in dem div nen menü und die elemente sind relativ positioniert
jetzt müsste ich bei der schliess funktion noch sagen dass er das komplette menü einfach hiden soll..wenn einer was weiß, bin über jeden tipp dankbar, werd aber auch noch mal sehen ob ich weiter komme

lg Can

 

[CanRau]

AW: jquery nur die hälfte verbergen

der ordnung halber nen neuer post..aber hiermit klappt es wie ichs haben wollte

<script type="text/javascript">
$("#trigger2").click(function() { //schliessen
    $("#header").animate({
        height: "140px", //setzt die höhe auf 140px
    }, 1000);
$("#menu").hide(); // blendet das menü aus
});
$("#trigger1").click(function() { //öffnen
    $("#header").animate({
        height: "378px", setzt die höhe wieder auf 378px 
    }, 1000);
});
</script>

kurz mein html gerüst

<div id="header">
      <div id="menu">
         <ul>..</ul>
      </div>
</div>

ich denke wenn die menü punkte nicht relativ positioniert wären bräuchte man es nicht extra ausblenden, habs aber nicht ausprobiert wer also keine absolut oder relativ positionierten elemente in der zu schliessenden div oder was auch immer hat müsste auch ohne diese zeile "$("#menu").hide(); // blendet das menü aus" auskommen...

lg & schönen abend noch

 

[Horst-Karsten]

AW: jquery nur die hälfte verbergen

Learning by doing. Besser gehts doch nicht

 

[mindraper]

AW: jquery nur die hälfte verbergen

Nur der Ordnung halber hier ne 2te Antwort

Dein zuerst angegebenes Beispiel habe ich jetzt nicht weiter gelesen, aber der Code, den Du von webmasterpro.de hast kann allein deshalb nicht funktionieren, bei die Methode toggleClass() ZWEI Parameter erwartet, also zwei Strings mit den Namen der zu switchenden Klassen

Nuja, hat ja scheinbar hingehauen