Javascript div崩溃时removeclass为什么不工作？

这是我的

为什么当从另一个div单击一个div时，当另一个div折叠时，箭头不会显示回来？我已经设置好了它，所以当div没有“单击”类时，它会删除“arrowhide”类，但是当您执行上述操作时，它似乎不会删除“arrowhide”，即使div不再有“单击”类这里是我的代码

$(function timelinetiles() {
   $('.timelineTile').click(function (evt) {
    evt.stopPropagation();
    $('.selected').children().not(this).removeClass('clicked');
    $(this).toggleClass('clicked');

    if ($('.selected').children().hasClass("clicked")) {
        $('.details').addClass('show');
    }

    if ($('.timelineTile').hasClass("clicked")) {
        $(this).children('.arrow').addClass('arrowhide');
    } else {
        $('.arrow').removeClass('arrowhide');
    }


    if ($('.selected').children().hasClass("clicked")) {
        $(this).children('.header').height(430);
    } else {
        $('.header').height(80);
    }


});
});

$(document).click(function () {
$('.timelineTile').removeClass('clicked');
$('.details').removeClass('show');
$('.arrow').removeClass('arrowhide');
});

---

第4行还需要删除arrowhide类，如下所示：

$('.selected').children().not(this).removeClass('clicked')
.children('.arrow').removeClass('arrowhide');

更新小提琴：

或者，您可以取消arrowhide业务，并将.arrow.arrowhide CSS规则更改为.clicked.arrow

---

替代小提琴：

尝试将其包装在文档中。准备好了吗