Question

我只能获得部分jquery工作。它让我发疯，因为desgn_bx_hidden和des_txt都隐藏和显示，但desgn_bx_hidden的内部内容未显示，我希望能够使用CSS设置样式。实际上它在浏览器中显示但是我无法获得css来实现它并且在firebug中它显示desgn_bx切换显示但内部内容不显示。我已经尝试用更改来改变内部的内容。它内部有两个链接，最初还有2个div包围它以格式化字体，但我把它拿出来试图简化....任何人都遇到过这个？

$(".desgn_bx").mouseover(function () {
    $(".desgn_bx_hidden").show();
    $(".des_txt").hide();

});
$(".desgn_bx").mouseout(function () {
    $(".desgn_bx_hidden").hide();
    $(".des_txt").show();
});


<div class="desgn_bx">
    <a href="/design"></a>
    <div class="desgn_bx_hidden block-quicktabs" style="display: none;">
        <a id="quicktabs-tab-2-0" class="qt_tab active" 
        href="/design?quicktabs_2=0#quicktabs- 2">Residential</a>
        <a id="quicktabs-tab-2-1" class="qt_tab active" 
        href="/design?quicktabs_2=1#quicktabs-2">Commercial</a>
    </div>
    <p class="des_txt" style="display: block;">
    <span>Interior Design </span>
    </p>
</div>

以下是链接：http://freespiriteurodesign.com.b1.bloomsite.net/

谢谢！

Answer 1

知道了！

$(".desgn_bx").mouseover(function () {
                        $(".desgn_bx_hidden").show();
                        $(".desgn_bx_hidden").children().show();
                        $(".des_txt").hide();

                    });
  $(".desgn_bx").mouseout(function () {
                        $(".desgn_bx_hidden").hide();
                        $(".desgn_bx_hidden").children().hide();
                        $(".des_txt").show();
                    });

它没有用，因为它没有孩子

Answer 2

如果你没有用css击中目标元素，那么其他东西可能是错误的，但尝试一些基本的结构，也许你会弄清楚。

$(document).ready(function() {
    $(".desgn_bx").on({
        mouseenter: function() {
            $(".desgn_bx_hidden").show();
            $(".des_txt").hide();
        },
        mouseleave: function() {
            $(".desgn_bx_hidden").hide();
            $(".des_txt").show();
        }
    });
});

Jquery“隐藏/显示”工作的一部分，其他部分不是

2 个答案: