Javascript 关于输入：使用jQuery隐藏其他输入

我试图建立一个功能，这样当用户在我的表单上滚动输入字段时，其他输入字段就会淡出

我做了一把小提琴，希望能更好地解释im想要什么，但是每个li中都有一个标签和输入，当用户悬停在li上时，其他字段（“li”）应该是半透明的

---

不确定这是否可行，但任何帮助都很好，谢谢，我想这就是你想要的效果：

JS

$('li').fadeTo(0, 0.3);
$('li').hover(function() {
    $(this).fadeTo(100, 1);
}, function() {
    $(this).fadeTo(100, 0.3);
});

HTML

<ul class="contact-form">
    <li><label>name</label><input type="text" /></li>
    <li><label>job</label><input type="text" /></li>
</ul>

名字
工作

---

你好

试试这个漂亮的例子：

不客气：-）。我希望我能帮忙。如果是解决方案，请将其标记为正确答案好吗？：-）