jquery - 如何在悬停特定列表时添加图像 (li)

Question

有一个要求，我们必须显示带有列表项的复选框，一旦我们将鼠标悬停在列表项 (ul > li ) 上，就必须突出显示向上和向下按钮，一旦鼠标移开，向上和向下图像将被隐藏。

这是我的代码

$('#dialog1 #columns1 ul').append('<li><input type="checkbox" value="'+val+'"> ' + val + '</input><img src="Up.png"  class="idUp"/><img src="Down.png" class="idDown" /></li>');


$("#idul").children("li").each(function() {
        $(this).mouseover(function() {
            $(this).css ("background-Color", "#c0c0c0");                   
            $(".idUp").show();
            $(".idDown").show();
        });
        $(this).mouseout(function () {
            $(this).css("background-Color", "#EEEEEE"); 
            $(".idUp").hide();
            $(".idDown").hide();
        });
    });

请分享你的想法

谢谢。

Answer 1

您只需将它添加到您的 CSS 中，它就会正常工作。
.idDown{
显示:无；
}
.idUp{
显示:无；
}
jsfiddle:http://jsfiddle.net/j6swqv28/1/