jquery - if/then ステートメントが両方のアクション セットを実行するのはなぜですか?

Question

なんらかの理由で、このコードは if ステートメントを実行してから、else ステートメントを実行しており、あたかもロジックがまったくないかのように、コマンドを次々と書き出しました。本当に奇妙なことは、JS Fiddle で完全に正常に動作しているため、実際に問題を再現することさえできないことです。

    $('.acc-trigger').click(function () {
    if (!$(this).next().children('li.sideBarSubNav ul').is(":visible")) {
        $('.subnavReveal').text('►');
        $('li.sideBarSubNav ul').slideUp(300);
        $(this).children('span').text('▼');
        $(this).next().children('li.sideBarSubNav ul').slideDown(300);
    } else {
        $(this).children('span').text('►');
        $(this).next().children('li.sideBarSubNav ul').slideUp(300);
    }
});

作業コードの JS Fiddle - http://jsfiddle.net/QNjR7/