在悬停/单击时显示/隐藏内容

时间:2018-10-15 02:40:50

标签: jquery hover click show-hide

试图在图像悬停时显示/隐藏内容。可以,但是默认情况下希望显示第一张图片下的内容。我该如何实现?

https://jsfiddle.net/nsn3bpep/2/

    var divContent = $("#content").html();
    $("td").click(function () {
    $("#content").html($(this).find("#hover-content").html());
    $("td").removeClass('myClickState');
    $(this).addClass('myClickState');
    $(this).off('mouseleave');
   });
    $("td").hover(function () {
    $("#content").html($(this).find("#hover-content").html());
    }, function () {
    $("#content").html(divContent);
});

2 个答案:

答案 0 :(得分:0)

由于您正在拨弄第一张图像下的内容,因此我假设您需要在每张图像下的内容。在这里,我将hover-content的ID更改为一个类。

$("td").hover(function () {
    $(this).find('.hover-content').show();
}, function(){
    $(this).find('.hover-content').hide();
});

您可以在此处看到store the properties in a map

答案 1 :(得分:0)

只需在您的jquery脚本下面添加此行,就可以完成...

#include <stdio.h>

int main () {

int openedLockers[] = {0,1,2,3,4};

printf("Opened Lockers: ");

for (size_t i = 0; i < 5; i++) {
    printf("%d", openedLockers[i]);

    if (i != 4)
        printf(",");
    else
        printf(".");
}
return 0;
}


// Output : Opened Lockers: 0,1,2,3,4.