hilfe bei akkordeon, das letzte münue ansprechen

Diese Seite verwendet Cookies. Durch die Nutzung unserer Seite erklären Sie sich damit einverstanden, dass wir Cookies setzen. Weitere Informationen

  • hilfe bei akkordeon, das letzte münue ansprechen

    hallo,

    ich möchte ein Akkordion-Effekt auf meiner Webseite benutzen. mittels jQuery funktioniert bei mir alles einwandfrei. nun möchte ich meiner (nur) letzten menü die Aufklapphöhe veringern da das inhalt kleiner als bei vorherigen ist. ich habe jQuery gegoogelt, im packet gabs neben dem Javascript Code auch Html-Code. da ich mich mit Javascript leider nicht auskenne weiss ich nicht wie ich das letzte menü ansprechen soll um eine kleinere höhe zu vergeben. wahrscheinlich muss ich für das letzte münu diesen javascript code neu optimieren. ich würde mich freuen wenn mir jemand weiter helfen könnte.
    --------------------------------------------------------------------------------------
    hier ist mein html code:
    ------------------------------------------------------------------------------------


    <div id="AccordionContainer" class="AccordionContainer">

    <div onclick="runAccordion(1);">
    <div class="AccordionTitle" onselectstart="return false;">
    Accordion 1
    </div>
    </div>
    <div id="Accordion1Content" class="AccordionContent">
    I Am Accordion 1.
    </div>

    <div onclick="runAccordion(4);">
    <div class="AccordionTitle" onselectstart="return false;">
    Accordion 4
    </div>
    </div>
    <div id="Accordion4Content" class="AccordionContent">
    I Am Accordion 4.
    </div>

    </div>




    ------------------------------------------------
    und javascript code:
    ------------------------------------------------


    var ContentHeight = 200;
    var TimeToSlide = 250.0;

    var openAccordion = '';

    function runAccordion(index)
    {
    var nID = "Accordion" + index + "Content";
    if(openAccordion == nID)
    nID = '';

    setTimeout("animate(" + new Date().getTime() + "," + TimeToSlide + ",'"
    + openAccordion + "','" + nID + "')", 33);

    openAccordion = nID;
    }


    function animate(lastTick, timeLeft, closingId, openingId)
    {
    var curTick = new Date().getTime();
    var elapsedTicks = curTick - lastTick;

    var opening = (openingId == '') ? null : document.getElementById(openingId);
    var closing = (closingId == '') ? null : document.getElementById(closingId);

    if(timeLeft <= elapsedTicks)
    {
    if(opening != null)
    opening.style.height = ContentHeight + 'px';

    if(closing != null)
    {
    closing.style.display = 'none';
    closing.style.height = '0px';
    }
    return;
    }

    timeLeft -= elapsedTicks;
    var newClosedHeight = Math.round((timeLeft/TimeToSlide) * ContentHeight);

    if(opening != null)
    {
    if(opening.style.display != 'block')
    opening.style.display = 'block';
    opening.style.height = (ContentHeight - newClosedHeight) + 'px';
    }

    if(closing != null)
    closing.style.height = newClosedHeight + 'px';

    setTimeout("animate(" + curTick + "," + timeLeft + ",'"
    + closingId + "','" + openingId + "')", 33);
    }