[jQuery] display 여부에 따른 조건문(if else)

display 여부에 따라 show, hide

jquery를 통해 display block, none에 따라 보여질지 숨길지 여부를 결정하는 방법입니다.

 

방법 1

  if ($("div").css("display") == "none") { 
        $("div").show(); //display :none 일떄
    } else {
        $("div").hide();  //display :block 일떄
    }

 

방법 2

  if ($('div').is(':visible') == false) {
        alert('안보이는 상태 ');
    } else {
        alert('보이는 상태 ');
    }

 

방법 3 (자바스크립트)

 

  var div = document.getElementById('div');
    if (div.style.display === 'none') {
        div.style.display = 'block';
    } else {
        div.style.display = 'none';
    }