[jQuery] Problem with chained commands

[meerestier]

Hi there,

please have a look at

http://clients.larsschulz.info/cc104_web/panel/quicklinks.html

I have h3 elements that are followed by divs that are toggled when the
h3 element is clicked...

                //quicklinks - slide up and down on click
                $("h3.trigger").click(function(){
                        $(this).next(".sectiontext").slideToggle(150);
                });

Now I want to have certain divs visible when I load the page:
                //quicklinks - activate div
                $("h3.active").next(".sectiontext").slideToggle("fast");

I have the problem that the later misbehave, when I toggle them. The
action is actually reversed...
(click the example Test 1 post several times to see what I mean.

Can anybody help with this?


Thank you so much


Cheers


Lars

PS:

I tried the following code as a starting point:

                //quicklinks - switch the "Open" and "Close" state per click
                if($("h3.trigger").hasClass("active")) {
                        $("h3.trigger").toggle(function(){
                                $(this).addClass("active");
                                }, function () {
                                $(this).removeClass("active");
                        });
                }
                else {
                        $("h3.trigger").toggle(function(){
                                $(this).removeClass("active");
                                }, function() {
                                $(this).addClass("active");
                        });
                }