Toggle показать/скрыть divs, если data.entities.length> 0, третичный оператор не работает на Javascript/jQuery?

Question

мне нужно переключить видимые/скрытые два различных DIVs если data.entities.length > 0 и это то, что я делаю:

if (data.entities.length > 0) { 
    var toggle = data.entities.length ? true : false; 

    // if condition is true then this will show otherwise it will hides 
    $('#resultadoNorma').toggle(toggle); 

    // this is the reversal process 
    // if condition is true then this will goes hide otherwise it will goes show 
    $("#sinResultadosBuscarNormas").toggle(!toggle); 
} 

Но это не работает, так как ни один DIV является показать/скрыть не имеет значения, что происходит с условием, что неправильно? Могу ли я использовать третичный оператор в Javascript?

Answer 1

Использование условного оператора внутри if() заявление, которое преуспевает только если есть положительная .length, так toggle всегда будет true.

Вы должны удалить заявление if().

var toggle = data.entities.length ? true : false; 

$('#resultadoNorma').toggle(toggle); 
$("#sinResultadosBuscarNormas").toggle(!toggle); 

---

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

$('#resultadoNorma').toggle(!!data.entities.length); 
$("#sinResultadosBuscarNormas").toggle(!data.entities.length);