jquery - 部分 Jquery "hide/show"工作，其他部分不工作

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();
                    });

它没有工作，因为它没有 child