Javascriptのトグル機能は：テキストを変更し、変更するクラススタイル

Question

私は本当にシンプルな機能を持っているべきである：クラスため

• 変化（崩壊して拡大から）文言
• 変更スタイル（可視性）

それはみかん

function toggle_expansion(id) { 
var e = document.getElementById(id); 
var es =getElementsByClass('expansion'); 
if (e.innerHTML ='expand all') {   
    e.innerHTML ='collapse all'; 
    for(i=0; i<es.length; i++) 
    {es[i].style.display = 'none';} 
    } 
else {  
    e.innerHTML ='expand all'; 
    for(i=0; i<es.length; i++) 
    {es[i].style.display = 'block';} 
    } 
} 

とhtml動作しますが、実際にはありません。

を

<a href='#nogo' onclick="toggle_expansion('expand');"><div id='expand'>expand all</div></a> 

テキストの変更は、最初にクリックされたときに機能しますが、1回だけで、クラススタイルの変更は機能しません（他のスニペットでは機能しましたが）。

エラーはスローされません - うまくいきません...誰でもアイデアはありますか？

Answer 1

if (e.innerHTML ='expand all') { 

はもちろんの

if (e.innerHTML == 'expand all') {