Поворот в JQuery еще

Question

Я пытаюсь сделать navbar-toggler, используя jQuery, но "else" не работает со мной

$("#__chn").click(function () {
if($(".jax2").css("display","block")){
    var r__o_t = 50;
    var n_r_ot = -50;
    var n = 0;
    $(".jax2").css({"display":"none"})
    //$(".jax1").css({"transform":"translate(20%)"})
    $(".jax1").css({"transform":'rotate('+ r__o_t +'deg)'})
    $(".jax3").css({"transform":'rotate('+ n_r_ot +'deg)'})

 } else {
    $(".jax2").css({"display":'block'})
    $(".jax1").css({"transform":'rotate(none)'})
    $(".jax3").css({"transform":'rotate(none)'})
 }
});

Когда я нажимаю «если» работает, но «еще» не работает

Answer 1

Вместо этого вы должны использовать : видимый селектор в вашем условном выражении.

$("#__chn").click(function () {
if($(".jax2").is(":visible")){
    var r__o_t = 50;
    var n_r_ot = -50;
    var n = 0;
    $(".jax2").css({"display":"none"})
    //$(".jax1").css({"transform":"translate(20%)"})
    $(".jax1").css({"transform":'rotate('+ r__o_t +'deg)'})
    $(".jax3").css({"transform":'rotate('+ n_r_ot +'deg)'})

 } else {
    $(".jax2").css({"display":'block'})
    $(".jax1").css({"transform":'rotate(none)'})
    $(".jax3").css({"transform":'rotate(none)'})
 }
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button id="__chn">Click Me</button>

<div class="jax2">Show/Hide</div>