jQuery에서 하나의 패널을 기본으로 설정하는 방법

Question

이 질문에 대한 간단한 답변을 드리지 못해 죄송합니다.하지만 찾고있는 정보를 찾을 수 없습니다. 내 페이지에는 두 개의 div가 있고 그것들을 열고 닫을 jQuery에 의해 제어됩니다. 페이지가로드되면 둘 다 기본값으로 닫힙니다. 페이지를로드 할 때 또는 열어 볼 때 하나의 기본값 (loginDiv)을 열면 어떻게 될까요? 저는 jQuery에서 매우 초보자입니다. 지금까지 나를 도왔던 사람은 지금 옵션이 아닙니다. 미리 감사드립니다! 여기

코드입니다 :

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> 

<script type="text/javascript"> 
    // <![CDATA[ 

    (function($) { 
     var containers = ['login', 'account']; 

     var toggle = function(container, flag) { 
      span = $('#' + container + 'Link').find('span'); 
      div = $('#' + container + 'Div'); 

      div[flag ? 'slideDown' : 'slideUp'](); 
      span.html(flag ? '-' : '+'); 
     }; 

     var clickHandler = function() { 
      container = this.id.match(/^[a-z]*/); 
      flag = $(this).find('span').html() == '+'; 
      toggle(container, flag); 

      if (flag) { 
       for (i = 0, j = containers.length; i < j; i++) { 
        con = containers[i]; 


        if (con != container) 
         toggle(con, 0); 
       } 
      } 
     }; 

     $(function() { // on load 

      for (i = 0, j = containers.length; i < j; i++) 
       $('#' + containers[i] + 'Link').click(clickHandler); 

     }); 

    })(jQuery); 

    //]]> 
</script> 

//And here are the divs: 
<div id="loginDiv" style="display:none">...</div> 
<div id="accountDiv" style="display: none;">...</div> 

나는 아무도 아무것도하지만,에 loginDiv의 디스플레이를 변경했는데, 그것은 여전히 ​​제대로 작동하지 않습니다.

Answer 1

당신은 같은 것을 할 수 있습니다

http://jsfiddle.net/ufomammut66/Em64X/

기본적으로 페이지 intializes를 표시하지 않는 요소. 페이지가로드되면 (즉, $function(){ 비트) 로그인 요소 인 CSS 값 'display'을 블록으로 설정합니다. bam - 페이지로드시 눈에 보이는 요소가 있습니다.

한 번에 하나씩 표시하기위한 빠른 토글 버튼도 포함되었습니다. 나는 당신이 거기에서하려고하는 것을 100 % 확실하지는 않지만, 당신이 모든 하나의 요소를 찾으려고하는 것처럼 보입니다. 물건을주기 위해 클릭 이벤트를 추가하십시오. 이것은 하나 또는 둘 다 div가있는 클래스 'hideAble'을 사용하여 슬라이드 토글을 수행합니다.

희망이 도움이됩니다.

편집 :로드시 스팬의 텍스트가 변경되었습니다.

Answer 2

<div> 태그는 의도적으로 </div> 태그를 닫지 않았습니까? 해당 항목을 닫은 다음 에서 display:none을 삭제 해보세요.