为什么我的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/