jquery - 伪元素 :before 在 jquery-animation 完成之前显示

Question

在移动网站的菜单中，我使用 .slideToggle(400) 在触摸/单击我的菜单按钮时显示列表项。每个列表项都有一个伪元素 :before 和一个图像（箭头）。问题是，伪元素（箭头的图片）在菜单的列表项完全显示之前显示。

我试图延迟 :before 与

$(document).off('click', '#menuicon').on('click', '#menuicon',function(e) {
  $('.class_of_list_item:before').delay(400).show('fast');
  $('#menu').slideToggle(400);
  ...
});

但这不起作用。我不得不提到，只有当我在我的 css 中的伪元素 :before 处使用“position:absolute”时才会出现问题。

.level1:before, .level2:before, .level3:before {
  content:url("/fileadmin/images/mobile/arrow_right_black.png");
  position:absolute;
  right:25px;
  padding-top:5px;
}

有人有线索吗？谢谢！！