Jquery函数连接。仅向下一个li添加/删除类

有人愿意帮我连接这个函数吗？ul结构必须保持原样

<ul>
<li><a href="#"><img src="http://www.fillmurray.com/80/80"></a></li>
<li class="hidehot"><img src="http://i.imgur.com/K1SkRxC.png" id="hot"></li>
<li><a href="#"><img src="http://www.fillmurray.com/80/80"></a></li>
<li class="hidehot"><img src="http://i.imgur.com/K1SkRxC.png" id="hot"></li>
</ul>

li {
    list-style: none;
}
img#hot {
    width: 25px;
    position: absolute;
    margin-top: -50px;
}

.hidehot {
display: none;
}


$(document).ready(function(){
   $("li").removeClass("hidehot");   
}); 
/*
    $('img').click(function() {
    $('li').next??.addClass('hidehot');

    ??
*/    

李{
列表样式：无；
}
img#热{
宽度：25px；
位置：绝对位置；
利润上限：-50px；
}
hidehot先生{
显示：无；
}
$（文档）.ready（函数（）{
$（“li”）.removeClass（“隐藏”）；
}); 
/*
$（'img'）。单击（函数（）{
$（'li'）.next？？？.addClass（'hidehot'）；
??
*/    

Jquery在加载时删除偶数li的（.hot）上的隐藏类，因此所有对象都可见

奇数li/a/img需要充当触发器，仅为下一个偶数li添加“隐藏”类

然后我需要几个触发器中的任意一个来再次删除该类，使其可见

希望这是有道理的。 非常感谢您的帮助

这是一把小提琴

---

您只需要对jQuery选择器提供一点帮助

$("li").removeClass("hidehot");  
$('img').click(function() {
    $(this).closest('li').next().addClass('hidehot');
});

---

你知道这是怎么回事吗？

ID应该是唯一的-“热门”应该是类。似乎已经关闭，所以小提琴和问题一样令人困惑。你能更新它吗？奇怪。它对我来说显示得很好。是的，现在将更新它。谢谢will感谢提醒，will。更改了小提琴。有一个新的链接。我的问题真的那么糟糕吗？上帝，我糟透了。基本上，单击大图像会使“热门图像”消失。（不是所有图像，只是看起来像其嵌套的图像）。再次单击同一图像会将其还原。（还原”锚也会将其还原）.这样更好吗？现在阅读，是的，我明白了。我想我是在尝试使用。最近的或。下一步，我没有意识到我需要两者。我仍然需要找出恢复，但这应该是相当容易的，现在我有了这个功能。谢谢你的帮助。