Javascript 为什么赢了'；我的下拉菜单不起作用吗？

我希望此页面上的下拉列表在“+”显示更多信息和“-”隐藏信息之间切换。但是我的jquery技能非常业余，我找不到实现这一点的方法

这是我的密码：

使用

.text（“+”）

不会检查文本是否为

+

。就这么定了

因此，您需要使用

.text（）

获取其值并检查

此外，您使用了

.children

来查找跨度，但是

children

只返回直接的子项。由于您的span位于单击的

h3

中，因此它不是

a

的直接子级，因此未找到它

$("a").click(function( event ){
    // get the relevant arrow item
    var arrow = $(this).find('.headerArrow');

    // check its text against '+'
    if ( arrow.text() === '+'){
      arrow.text('-');
    }
    else{
      arrow.text('+');
    }

    event.preventDefault();
    $(this).siblings("p").toggle(250);
  });

演示

---

最后，您可能希望将

.headerRow

（或其他一些固定大小的字体）的字体设置为

courier

，这样就不会导致文本四处移动。

使用

。text（“+”）

不检查文本是否为

+

。就这么定了

因此，您需要使用

.text（）

获取其值并检查

此外，您使用了

.children

来查找跨度，但是

children

只返回直接的子项。由于您的span位于单击的

h3

中，因此它不是

a

的直接子级，因此未找到它

$("a").click(function( event ){
    // get the relevant arrow item
    var arrow = $(this).find('.headerArrow');

    // check its text against '+'
    if ( arrow.text() === '+'){
      arrow.text('-');
    }
    else{
      arrow.text('+');
    }

    event.preventDefault();
    $(this).siblings("p").toggle(250);
  });

演示

---

最后，您可能希望将

.headerRow

（或其他一些固定大小的字体）的字体设置为

courier

，这样就不会导致文本四处移动。

使用

。text（“+”）

不检查文本是否为

+

。就这么定了

因此，您需要使用

.text（）

获取其值并检查

此外，您使用了

.children

来查找跨度，但是

children

只返回直接的子项。由于您的span位于单击的

h3

中，因此它不是

a

的直接子级，因此未找到它

$("a").click(function( event ){
    // get the relevant arrow item
    var arrow = $(this).find('.headerArrow');

    // check its text against '+'
    if ( arrow.text() === '+'){
      arrow.text('-');
    }
    else{
      arrow.text('+');
    }

    event.preventDefault();
    $(this).siblings("p").toggle(250);
  });

演示

---

最后，您可能希望将

.headerRow

（或其他一些固定大小的字体）的字体设置为

courier

，这样就不会导致文本四处移动。

使用

。text（“+”）

不检查文本是否为

+

。就这么定了

因此，您需要使用

.text（）

获取其值并检查

此外，您使用了

.children

来查找跨度，但是

children

只返回直接的子项。由于您的span位于单击的

h3

中，因此它不是

a

的直接子级，因此未找到它

$("a").click(function( event ){
    // get the relevant arrow item
    var arrow = $(this).find('.headerArrow');

    // check its text against '+'
    if ( arrow.text() === '+'){
      arrow.text('-');
    }
    else{
      arrow.text('+');
    }

    event.preventDefault();
    $(this).siblings("p").toggle(250);
  });

演示

---

---

最后，您可能希望将

.headerRow

（或其他一些固定大小的字体）的字体设置为

courier

，以便不会导致文本四处移动。

您正在使用

$（'span'）.text（+'）

重置所有span标记的文本。另外，如果不测试文本，则使用

text（+'）

进行设置

---

您正在使用

$（'span'）重置所有span标记的文本。text（+'）

。另外，如果不测试文本，则使用

text（+'）

进行设置

---

您正在使用

$（'span'）重置所有span标记的文本。text（+'）

。另外，如果不测试文本，则使用

text（+'）

进行设置

---

您正在使用

$（'span'）重置所有span标记的文本。text（+'）

。另外，如果不测试文本，则使用

text（+'）

进行设置

---

好的，你的代码运行得很好

在我刚刚替换的html代码上。。具有然后在js代码上删除了用于切换的旧代码，然后创建了一个新函数drop_menu（e）{}

$（函数（）{
$（“li”）.children（'p'）.hide（）；
});
功能下拉菜单（e）{
var_span=e.find（'h3'）。find（'span'）；
如果（_span.text（）==“+”）{
_span.文本（'-'）；
}否则{
_span.text（“+”）；
}
e、 next（）.切换（250）；
}
//if（$（this）.children（'span'）.html（）=='+'））{
//$（this.html（'-'）；
//     }
//否则{
//$（this.html（'+'）；
//}

li{
颜色：白色；
列表样式：无；
垫底：2件；
边框顶部：纯白4px；
背景色：#0077B3；
}
p{
边框顶部：纯白2件；
填充：10px；
左侧填充：15px；
}
保险商实验室{
文本对齐：左对齐；
字体系列：开放式SAN；
字体大小：300；
填充：0px；
宽度：35%；
}
#容器{
}
/*未访问链接*/
a:链接{
颜色：#000000；
}
/*访问链接*/
a:参观了{
颜色：#000000；
}
/*鼠标悬停链接*/
a:悬停{
颜色：#000000；
}
/*选定链接*/
a:主动的{
颜色：#000000；
}
a{
文字装饰：无；
}
h3{
颜色：白色；
字体大小：300；
左侧填充：15px；
}
.海德罗先生{
右边填充：20px；
字体大小：15px；
}
校长先生{
字号：18pt；
左侧填充：100px；
颜色：#0077B3；
}
#半西式收割台{
字号：20pt；
边框底部：实心#0077B3 2px；
位置：相对位置；
宽度：425px；
字体系列：开放式SAN；
字体大小：300；
颜色：#0077B3；
文本对齐：左对齐；
}

第一学期12小时


先决条件：适当的入学考试分数-或-ENGL 0096和READ 0096

第一年的经验课程旨在将新生与格温内特技术学院联系起来并使其适应。此外，本课程还培养了学生对各种校园资源的认识，以及获得教育和职业成功所需的学术技能。通过使用学术策略、自我发现和技术，学生将发展大学水平的学习和成功所必需的技能。

联系时间：课堂-