Как скрыть этот javascript?

Question

if (!errorHasHappened) { 
    info.show(); 
    error.hide(); 
} else { 
    info.hide(); 
    error.show(); 
} 

Я не могу использовать переключатель.

Я попытался передать функцию show или скрыть переменную, а затем выполнить ее, но по какой-то причине она не работала, и я получил ошибку JS.

Answer 1

Вы могли бы попробовать что-то вроде этого:

info[errorHasHappened?'hide':'show'](); 
error[errorHasHappened?'show':'hide'](); 

Но это единственный вариант, который я могу думать, что делает код короче.

Этот код не упрощает обслуживание.

Answer 2

Вы могли бы сделать это, но если утверждение намного яснее.

И почему бы не использовать .toggle, который предназначен для такого случая?

info[errorHasHappened ? 'hide' : 'show'](); 
error[errorHasHappened ? 'show' : 'hide'](); 

Answer 3

Если сделать код короче ваша цель:

errorHasHappened?(info.hide(),error.show()):(info.show(),error.hide()); 

BTW, делая код короче!==упрощения кода. IMO atleast ..

Answer 4

Все, что имело бы смысл, это переключить их вокруг, чтобы предотвратить!

if (errorHasHappened) { 
    info.hide(); 
    error.show(); 
} else { 
    info.show(); 
    error.hide(); 
} 

Answer 5

Другой способ:

$("#error").toggleClass(className, errorHasHappened); 
$("#info").toggleClass(className, errorHasHappened);