Question

如何在父LI上方悬停时添加一个扩展“section＃inner”UL的脚本。

例如，将鼠标悬停在“第1部分”上将切换“第1节内部”LI / UL 我想让它变得动态，因为我对“第3节”或“第2节”可能有相同的内容

JSFiddle：http://jsfiddle.net/34ng9sto/1/
JQuery的：

    $(function () {
    $(".uSPInner").hide();
    if (!$(".uSPInner").is(":visible")) {
        $(this).closest("li").hide(); //hides the "LI" which gives the extra line... Not working.
        //alert("test");
    }
});

示例：

<ul>
    <li></li> //this will toggle the below LI because it has a nested UL
    <li> //hide this by default and toggle when hovered over the LI above it.
        <ul>
            <li></li>
            <li></li>
        </ul>
    </li>
    <li></li> //show this by default
    <li></li> //show this by default
</ul>

Answer 1

以这种方式使用JavaScript：

$(function () {
    $(".uSPInner").hide();
    if (!$(".uSPInner").is(":visible")) {
        $(this).closest("li").hide();
        //alert("test");
    }
    $(".clickMe").closest("li").hover(function () {
        $(this).closest("li").find("ul").slideDown();
    }, function () {
        $(this).closest("li").find("ul").slideUp();
    });
});

小提琴：http://jsfiddle.net/34ng9sto/6/

如何在父母上空盘旋时切换内部内容

1 个答案: