JavaScript手风琴文本交换

时间:2012-03-05 22:05:15

标签: javascript accordion swap

我正在尝试使用手风琴。我的目标是在未展开时显示“+”符号,在展开时显示“ - ”。我只是想让第一个交换工作,并且无法正确比较.equals()函数。有帮助吗?

<script type="text/javascript">
function replaceMe(){
var symbol = document.getElementById("swap1").innerHTML;
if(symbol.equals("+") {
    document.getElementById("swap1").innerHTML="-";}
else { 
    document.getElementById("swap1").innerHTML="+";}
}
</script>

这是HTML

<div class="accord">
<div class="title" onclick="replaceMe()">
    <h2 id="swap1">+</h2>
    <h1>Heading 1</h1>
</div>
<div class="desc">Sample Sample Fill Data</div>

<div class="title">
    <h2 id="swap2">+</h2>
    <h1>Heading 2</h1>
</div>
<div class="desc">More Fill Data Not Important</div>

<div class="title">
    <h2 id="swap3">+</h2>
    <h1>Heading 3</h1>
</div>
<div class="desc">Boring Filler Information</div> 
</div>

1 个答案:

答案 0 :(得分:1)

它是JavaScript,而不是Java;您可以安全地使用'==='来比较字符串。 )并且您的if应该是if(symbol.equals("+")) - 您引用的代码中缺少右括号。