우선 기본적으로 열림

내 페이지에 토글 블록이 있으며 이제는 같은 페이지에 다른 토글 블록을 추가해야하지만이 토글은 기본적으로 활성/열려있는 첫 번째 토글과 함께 추가해야합니다. 나는 JS의 주위에서 일해 왔지만 지금까지 아무런 운이 없기 때문에 이것을 작동 시키려면 당신의 소중한 도움이 필요하다. 감사합니다.우선 기본적으로 열림

Demo

자바 스크립트

jQuery(window).load(function(){ 

    $('.toggle-view li').click(function() { 

     var text = $(this).children('div.toggle-content'); 

     if (text.is(':hidden')) { 
      text.slideDown('200'); 
      $(this).children('span').html('<i class="icon-minus"></i>');  
     } else { 
      text.slideUp('200'); 
      $(this).children('span').html('<i class="icon-plus"></i>');  
     } 

     $(this).toggleClass('activetoggle'); 

    }); 
});

출처

2013-10-26 Tiago

나는 토글하는 단어를 말하는 것을 좋아합니다. 그래서 도와 드리겠습니다. – struthersneil

권. 고맙습니다;) – Tiago

http://codepen.io/anon/pen/IrobD 이것이 필요한 것입니까? – struthersneil

당신이 좋아하는 뭔가를 할 수 있습니다

$('.added_class_on_second li').eq(0).children('.toggle-content').show();

그냥 두 번째로 또 다른 별개의 클래스를 추가하거나 그것을 대상 :

$('.toggle-view').eq(1).children('li').eq(0).children('.toggle-content').show();

html을 전혀 변경하지 않으려는 경우. 당신은 페이지가로드 단순히 $('.toggle-view li').first()에 click()를 호출 할 수있을 때 개방하는 첫 번째 섹션이 필요하면

http://codepen.io/anon/pen/CDdlH

출처

2013-10-26 21:48:16 FiLeVeR10

고마워요.하지만 이걸 같은 페이지에서 다른 토글 블록과 함께 사용하고 싶습니다. – Tiago

두 경우 모두 작동합니다 ...하지만 클래스를 추가하고 싶지 않으면 두 번째 줄이 정확히 필요한 작업을 수행합니다 ... 펜을 업데이트하여 표시합니다. http://codepen.io/anon/pen/CDdlH – FiLeVeR10

거의 끝;)하지만 약간의 문제가 있습니다. - 기본 열기 블록은 기본 블록에 의해 열려 있지 않은 블록이 같은 페이지에있는 경우에만 작동합니다. 내가 말하는 바가 의미가 있기를 바랍니다. 건배! – Tiago

. 그러나 클릭 할 때 다른 동작이 발생하고 애니메이션을 수행하는 경우 바람직하지 않은 부작용이 발생할 수 있으므로 표시된 섹션을 열고 문서로드시 호출하는 기능을 수행하는 open 함수를 만드는 것이 좋습니다.

출처

2013-10-26 21:49:33 struthersneil

우선 기본적으로 열림

답변

관련 문제