토글 이벤트에 대한 빠른 jQuery 질문

Question

안녕하세요, 저는 div를 위해 일부 jQuery UI를 사용하여 화면을 켜고 끕니다. 문서로드시 div 객체가 화면에 나타납니다. 그것은 위대한 작품이지만 그것은 문서를로드에 숨겨진 있도록 설정하는 방법이 있다면 궁금 해서요, 사용자가 표시 할 수있는 버튼을 클릭하는 능력을 것입니다. document.ready에서 실행되는 기능을 시도했지만 그 didnt 작동하는 것. 다음은 jQueryUI에서 직접 작성한 코드입니다. 어떤 도움을 주셔서 감사합니다!

$(function() { 
     // run the currently selected effect 
     function runEffect() { 
      // get effect type from 
      var selectedEffect = "slide"; 

      // most effect types need no options passed by default 
      var options = {}; 
      // some effects have required parameters 
      if (selectedEffect === "scale") { 
       options = { percent: 0 }; 
      } else if (selectedEffect === "size") { 
       options = { to: { width: 200, height: 60 } }; 
      } 

      // run the effect 
      $("#effect").toggle(selectedEffect, options, 500); 
     }; 

     // set effect from select menu value 
     $("#button").click(function() { 
      runEffect(); 
      return false; 
     }); 
    }); 

Answer 1

이것을 CSS에 넣으십시오. 이렇게하면 기본적으로 숨김으로 설정됩니다.

#effect{ 
display:none; 
} 

Answer 2

CSS의 솔루션은 위의 올바른 방법입니다,하지만 당신은 자바 스크립트와 함께 그 일을 같이 느끼는 경우에 ...

$(function() { 
    $("#effect").hide(); 
});