2013-06-29 2 views
0

저는 jquery에서 새로운입니다. 그냥 일치하는 요소를 표시하거나 숨기고 싶습니다. 그래서 slideToogle() 함수를 사용합니다. 내 코드는 여기문제를 표시하거나 숨 깁니다. jquery에서 처음보기를 원합니다.

$(document).ready(function() { 
    $(".show_hide").show(); 
    $(".slidingDiv").hide(); 

    $('.show_hide').click(function() { 
     $(".slidingDiv").slideToggle(); 
    }); 
}); 

.show_hide 클래스는 링크 및 .slidingDiv 클래스 DIV 콘텐츠입니다. 난 그냥 .slidingDiv 내용

+2

에 코드가 "나는 항상 기본에 숨겨져 보여 .slidingDiv 컨텐츠를 링크를 클릭하지 않는 경우 * 난 그냥 싶어 *."- 그 때부터 시작 숨길 수없는 ... 즉, $ (". slidingDiv"). hide();' – James

+0

그래서, $ (". slidingDiv"). hide(); ??? –

+0

이렇게 : http://jsfiddle.net/yw7sY/1/? – Jonathan

답변

-1

이 intially에 slidingdiv을 설정 쇼 초기 것이다로드 페이지 경우 원하는 '디스플레이 : 블록'때문에 페이지가로드가 처음이 표시됩니다

   .slidingDiv 
       { 
       display:block; 
       } 


     $(document).ready(function() {  
       $('.show_hide').click(function() { 
       $(".slidingDiv").slideToggle(); 
         }); 
        }); 

아니면 그냥 jQuery를 변경

  $(document).ready(function() { 
       $(".show_hide, .slidingDiv").show();  
       $('.show_hide').click(function() { 
        $(".slidingDiv").slideToggle(); 
        }); 
        }); 
+1

왜이 downvoted되었습니다?. 나는 코드를 수정하는 실수를 알고 싶다. – Pbk1303

+0

CSS와는 관계가 없습니다. $ (". slidingDiv"). hide();' – Jonathan

+0

@ Pbk1303이 당신을 숨기지 않습니다. –

관련 문제