[JQUERY] klappfunktion

[schmaiki]

Hallöchen alle
ich habe eine klatfunktion wo leider noch ein kleiner fehler drin ist. hab schon geschaut aber finde das problem nicht. vielleicht könnte mir jemand helfen. wäre sehr lieb.

<script type="text/javascript">
$(document).ready(
    function () {
        $('a.closeEl').bind('click', toggleContent);
        $('div.groupWrapper').Sortable(
            {
                accept: 'groupItem',
                helperclass: 'sortHelper',
                activeclass :     'sortableactive',
                hoverclass :     'sortablehover',
                handle: 'div.itemHeader',
                tolerance: 'pointer',
                onChange : function(ser)
                {
                },
                onStart : function()
                {
                    $.iAutoscroller.start(this, document.getElementsByTagName('body'));
                },
                onStop : function()
                {
                    $.iAutoscroller.stop();
                }
            }
        );
    }
);
var toggleContent = function(e)
{
    var targetContent = $('div.itemContent', this.parentNode.parentNode);
    if (targetContent.css('display') == 'none') {
        targetContent.slideDown(300);
        $(this).html('[-]');
    } else {
        targetContent.slideUp(300);
        $(this).html('[+]');
    }
    return false;
};

funktionier aber wollte es das es erst zu ist. aber ist immer auf.
leiben gruss maik

 

[lachender_engel]

AW: [JQUERY] klappfunktion

Gibt es auch eine Webseite dazu oder sollen wir uns die Testumgebung für Dein Skript selber aufbauen?

 

[kyle66]

AW: [JQUERY] klappfunktion

Hi,

entweder du setzt toggleContent initial auf display: none; und tauschst denn Inhalt von a.closeEl auf +
oder du rufst toggleContent initial auf und tauschst die if-Bedingung

<script type="text/javascript">
$(document).ready(
    function () {
        $('a.closeEl').bind('click', toggleContent);
        $('div.groupWrapper').Sortable(
            {
                accept: 'groupItem',
                helperclass: 'sortHelper',
                activeclass :     'sortableactive',
                hoverclass :     'sortablehover',
                handle: 'div.itemHeader',
                tolerance: 'pointer',
                onChange : function(ser)
                {
                },
                onStart : function()
                {
                    $.iAutoscroller.start(this, document.getElementsByTagName('body'));
                },
                onStop : function()
                {
                    $.iAutoscroller.stop();
                }
            }
        );
        toggleContent();
    }
);
var toggleContent = function(e)
{
    var targetContent = $('div.itemContent', this.parentNode.parentNode);
    if (targetContent.css('display') == 'block') {
        targetContent.slideUp(300);
        $(this).html('[+]');
    } else {
        targetContent.slideDown(300);
        $(this).html('[-]');
    }
    return false;
};

Grüße
kyle