페이지의 아무 곳이나 클릭하여 DIV 표시/숨기기 (토글) 방법

Question

포트폴리오 웹 사이트를 만들고 있는데, 사진이 배경에서 전체 화면으로 표시되고 z- 색인을 사용하여 위에있는 텍스트가있는 투명한 div를 배치했습니다. . 나는 단지 페이지의 아무 곳이나 클릭하여 DIV를 글꼴 표시로 토글하고 싶습니다. 가능하면 페이드 인 및 페이드 아웃 기능을 사용하십시오.

저는 아직 jQuery에 익숙하지 않으므로 도움이 될 것입니다.

대단히 감사합니다.

Answer 1

아마도 다음과 같이 할 수 있습니까? 사용

// dom ready 
$(function(){ 

    // body click 
    $("body").click(function(){ 

     // element to toggle 
     var $el = $(".your-element"); 

     // toggle div 
     if ($el.is(":visible")) { 
      // fade out 
      $el.fadeOut(200); 
     } else { 
      // fade in 
      $el.fadeIn(200);     
     } 

    }); 
}); 

의 jQuery 방법 : .is() .fadeIn() .fadeOut()