Jquery 悬停时显示具有相同ID的内容

基本上，我有一个地址列表，当用户将鼠标悬停在某个地址上时，我希望显示该地址的开放时间

这是地址标记的一个示例

<li data-contentid="60" class="list-group-item courier">
    <div class="c-name"> Hermes Parcelshop </div>
    <div class="address"> Virxo,Bedford Avenue,Germanton,Colorado,PE17 7NB</div>
</li>

任何帮助或提示都会很好

提前谢谢你的时间

在toggleClass（）函数中，应传递要切换的类参数。 在这里，我创建了一个类名hide，它将被切换，从而隐藏并显示在hover上

$（“li.courier”）.hover（函数（）{
var num=$（this.data（'contentid'）；
$（'#开放时间-'+num）.toggleClass（'hide'）；
});
.hide{
显示：无；
}


爱马仕包裹店
维克索，贝德福德大道，科罗拉多州日耳曼顿，PE17 7NB


星期一上午8时至晚上8时
星期二上午9时至晚上8时
星期三上午9时至下午7时
星期四上午8时至晚上9时
星期五上午7时至下午7时
星期六上午9时至下午6时
星期日上午6时至晚上8时

.on（'hover'，function（）{…}）在jQuery 1.8中不推荐，在1.9中删除：名称“hover”用作字符串“mouseenter mouseleave”的缩写。它为这两个事件附加一个事件处理程序，处理程序必须检查event.type以确定事件是mouseenter还是mouseleave。不要将“hover”伪事件名与接受一个或两个函数的.hover（）方法混淆。（参考号：）

您可以使用
.hover（）
或
.on（'mouseenter'，function（）{…}）

或

@Mohammad为什么要更改地址的id？O。o@Mohammad不走运。仍然没有；如果你不在上课，那就不行了。添加一个以隐藏或显示内容。或者使用
showthoggle（）
代替
鼠标悬停，使用
显示（）
代替
。toggleClass（）
<li id="open-times-60" class="list-group-item op-times" style="display: none;">
    <div class="">Mon 8am - 8pm </div>
    <div class="">Tues 9am - 8pm </div>
    <div class="">Wed 9am - 7pm </div>
    <div class="">Thurs 8am - 9pm </div>
    <div class="">Fri 7am - 7pm </div>
    <div class="">Sat 9am - 6pm </div>
    <div class="">Sun 6am - 8pm </div>
</li>

$("li.courier").on('Click', function(){
    var num = $(this).data('contentid');
    $('#open-times-' + num).toggleClass();
});

$("li.courier").hover(function(){ 
    var num = $(this).data('contentid');
    $('#open-times-' + num).show();  
});

$("li.courier").on('mouseenter',function(){ 
    var num = $(this).data('contentid');
    $('#open-times-' + num).show();  
});