javacriptの短い手書きのif-else（条件付き三項演算子）を書くことはできません

Question

私はHTMLの単純なページを持っていますが、divをトグルしていますが、すべてうまくいきますが、私のコードでif- ：

if (info.style.display === '' || info.style.display == 'none'){ 
    info.style.display = 'inline-block'; 
} else { 
    info.style.display = 'none'; 
} 

私はこのように短い手紙を使用することに決めました。

info.style.display === ''||info.style.display ==='none' ? info.style.display = 'inline-block' :info.style.display = 'none'; 

が、あまりにも長い間、おそらく乾燥させることができる、まだ感じのthats、うまく

、私は2つのアプローチを持っていますが、それぞれが正しい方法ではありません。

// this solution works but requires two clicks first time run: 

info.style.display ==(''||'none') ?info.style.display = 'inline-block' :info.style.display = 'none'; 

と：

// this solution doesn't work: 
    info.style.display == (''||'none' ? 'inline-block' : 'none'); 

彼女は>>> My Plunker <<< これはどうか考えてください。 ありがとうございます..

Answer 1

あなたは常に割り当てているので、条件文を右に置いてください。 info.style.display == ''の代わりに!info.style.displayを使用します（あなたが本当にしたい場合は）あなたもすることができます：

info.style.display = !info.style.display || info.style.display === 'none' ? 'inline-block' : 'none'; 

を、あるいは、私はわからないけれどもcuriously-powerful || operatorを活用して、私はそれを行うだろう：

info.style.display = (info.style.display || 'none') === 'none' ? 'inline-block' : 'none'; 

をその'' || 'none'の結果は'none'になりますが、'anything_else' || 'none'の結果は'anything_else'となります。空の文字列があるとして、常に第二部をチェックしますnone'`

Answer 2

実はこれは `

info.style.display = (info.style.display === '' || info.style.display === 'none') ? 'inline-block' : 'none';