.toggle()的麻烦

时间:2011-04-19 14:11:57

标签: jquery

我有这个CSS:

.linkMenu {
    width: 710px;
    height: 30px;
    color: #CCCCCC;
    font-weight: bold;
    float: left;
    text-align: left;
}

这个HTML:

<div id="linkAnchor0" class="linkMenu">
    text1
</div>

<div id="linkAnchor1" class="linkMenu" style="display:none;">
    text2
</div>

我想知道为什么$("#linkAnchor1").show();有效(它显示第二个div)以及为什么$("#linkAnchor1").toggle();不起作用(没有显示任何内容)。

我哪里错了?


修改

整个jQuery代码:

function showLinks(param) {
    if(param!="") {
        for(i=0; i<10; i++) {
            if(i<param) {
                $("#linkAnchor"+i).toggle();
            } else {
                $("#linkAnchor"+i).toggle();
                $("#linkAnchor"+i).find(".linkValue").children().val("");
            }
        }
    }
}

1 个答案:

答案 0 :(得分:2)

如果我做对了,你就是这么做的:


function showLinks(param) {
  $(".linkMenu").toggle();
  $(".linkMenu:gt("+param+")").find(".linkValue").children().val("");
}