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

Question

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

我试图延迟：之前用

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

但这不起作用。我必须提到问题只发生，当我在我的css中使用“position：absolute”时，伪元素：before。

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

有没有人有线索？谢谢!!