Question

因此,当你点击一arrow时,我有内容箱子关闭和扩大。内容箱有两门课,以说明它是否开放或关闭(方框_开放、方框_封闭)。 h头功能被分配到箱子里,当箱子开着时,当头 head上 you着时。然而,当盒子关闭时,我不想发生这种情况,因为我想在箱子关闭时arrow着眼。当盒子关闭时,箱子“开放式班”被拆除,但分配给该组的职能仍然有效。

此处为两项职能的分类法。你们也可以看到他们站在下台。

    // Display Arrow on Box Header Hover

        $(".box_open").hover(
            function () {
                $(this).find( a ).show();
            }, 
            function () {
                $(this).find( a ).hide();
            }
        );

    // Open and Close Boxes:

        $(".box_header a").click(
            function () {
                $(this).parent().next( .box_border ).stop().toggle();
                $(this).parent().toggleClass("box_open");
                $(this).parent().toggleClass("box_closed");
                return false;
            }
        );

谁能看问题是什么?

The demo url:Demo Url

Answer 1

活动管理员被分配到这个要素上,而不是上下级标签。因此,一旦被分配,取消班子名称就使手子消失。

您可以把活动安排在箱子上,并检查箱子在<代码>hover(代码中的开放式班级。

$( .box_header ).hover(
function() {
    $(this).find( a ).show();
},
function() {
    if($(this).hasClass( box_open ))
        $(this).find( a ).hide();
});

EDIT: 添加失踪的近亲。 Sloppy me!

Answer 2

帕特里克的回答是正确的,但这样做有更好的办法:使用 j( j)生命( j),让你“为现在或将来与现任选任者相匹配的所有要素吸引手参加活动”。

因此,更不用说你想要的东西:

$( .box_open ).live( hover , function (event) {
    if(event.type ===  mouseenter ) {
        $(this).find( a ).show();
    }
    else {
        $(this).find( a ).hide();
    }
});

http://api.jquery.com/live/rel=“nofollow noreferer” The jQuery docs/a>.

Answer 3

在你档案中说明这一点。

.box_closed a {
    display: inline !important;
}

友情链接