Q:

Expandable list only expands after second click

Here is a FIDDLE
I have a list, but is does not expand on first click.
And then on the second click it expands and collapses in one move.
Cant figure out why...
Here is a snip of the JQuery bit

$(".expandListHeader").click(function () {
    $header = $(this);
    $content = $header.next();
    $content.slideToggle(200, function () {
        $('.contentCol', this).fadeToggle(400);
    }); 
});

Here is another list where it did work, but Ive changed the classes. (cant use this one).
They are the same in every way ( 99.9% sure ) exept the class names were swoped out.
FIDDLE

A:

I made a FIDDLE and updated your code.
Link to Fiddle
.toggle()

Seemed to work. And also has a nice effect without stumbeling.

