Javascript - 通过LI搜索会搞砸显示？

Question

所以我有一个JavaScript来搜索我的ul。这是我的JavaScript

$('#SearchItemsFromList').keyup(function(){
   var valThis = $(this).val().toLowerCase();
    if(valThis == ""){
        $('#inventory > li > div').show();           
    } else {
        $('#inventory > li > div').each(function(){
            var text = $(this).text().toLowerCase();
            (text.indexOf(valThis) >= 0) ? $(this).show() : $(this).hide();
        });
   };
});

一切都很好，但是如果我搜索那么它会稍微弄乱显示器。有可能以某种方式解决这个问题吗？我会添加GIF，所以你们可以更好地了解它。 https://gyazo.com/994f26d66a467fd525e3867792400710

这是我的ul的HTML（我向JSFiddle添加了HTML，因为它太大了。） https://jsfiddle.net/8egqgx91/