Question

我创建了一个菜单，我在这里想要实现的是一个全宽子菜单，它可以在点击时按下内容并显示子菜单。我有一个问题是全宽度子菜单，当我点击上一个菜单时，内容仍然显示出来。这是我的小提琴：http://jsfiddle.net/he4a0eL4/1/

HTML

<div id="wrapper">
    <ul id="nav">
        <li>link1
            <div class="sub">
                <ul>
                    <li>link1</li>
                    <li>link2</li>
                    <li>link3</li>
                </ul>
            </div>
        </li>
        <li>link2
            <ul class="sub">
                <li>link1</li>
                <li>link2</li>
                <li>link3</li>
            </ul>
        </li>
        <li>link3
            <ul class="sub">
                <li>link1</li>
                <li>link2</li>
                <li>link3</li>
            </ul>
        </li>
    </ul>
    <div class="clear"></div>
</div>
<div class="content">content</div>

CSS

body{margin:0;}
    #wrapper{background:#ccc;}
ul{
    margin:0;
    padding:0;
    list-style:none;
}

#nav > li
{
    float:left;
    position:relative;
}

.sub
{
    display:none;
    widh:100%;
}
.clear
{
clear:both;
}
.content
{
height:300px;
    background:#ff0000;
    width:100%;
}

JS

$(document).ready(function() {
    $("#nav > li", this).click(function() {
        $(this).find(".sub").slideToggle();
    });
});

Answer 1

抱歉，也许我误解了你的问题。当你想要全宽子菜单时，你只需要设置CSS属性宽度：100％;或者不是吗？这是你所期望的吗？

sheet.add_row ["row1 \r\n\x0D\x0A row2"]

全宽子菜单，内容按下

1 个答案: