2011-11-14 3 views
0

어젯밤에 첫 번째 질문을했습니다. 이 사이트와 회원들이 얼마나 도움이되었는지 믿을 수 없습니다. 고맙습니다! 내가 페이지 내에서 이동하는 탐색 탭 한토글 및 자바 스크립트 : 작동하지 못함

:

여기 내 문제입니다.

<ol id="toc"> 
    <li><span>Top 3</span></a></li> 
    <li><span>Reviews</span></a></li> 
    <li><span>Places to Buy</span></a></li> 
    <li><span>History</span></a></li> 
</ol> 

당신이 그 탐색 링크 중 하나 (예를 들어, 상위 3)을 클릭, 당신이 가지고있는 (내가 스팸 필터의 BC를 게시 할 링크를 제거했다)가 4 개 탭은과 HTML은 여기에 :이 사이트에 도움이 답변에

<div class="tabcontent" id="Top3> 
    Here's content 
</div> 

감사합니다, 나는 다른 모든 'tabcontent'탐색 영역의 바닥에 #Getit의 모든 콘텐츠를 추가 할 수있었습니다. 그러나이 코드를 사용할 때 :

$('.tabcontent#Getit').clone().appendTo('.tabcontent') 

Getit 탭 내에서 Getit 탭도 중복됩니다. 어쨌든 누군가가 Getit 탭을보고 있으면 거기에 내용이 추가되지 않고 다른 탭 클래스에만 추가된다는 것을 알아야합니까?

그런 식으로 작업을 전환합니까?

+3

을 수 : 나는 당신이 겪고있는 문제를 이해한다면

은, 그러나, 당신은 .not() 여과 방법으로 찾아야한다 (그리고 내가하지 ... 가능성이 높습니다) HTML 및 자바 스크립트를 게시 하시겠습니까? 어쩌면 JSFiddle.net에 넣을 수 있을까요? –

+1

Toggle을 사용할 수 없지만 게시물의 어느 곳에서나 .toggle()이 보이지 않습니다. – Sparky

답변

2

jQuery의 .toggle()은 요소가 현재 표시되어 있으면 displaynone으로 설정하거나 현재 숨겨져있는 경우 요소를 표시하기위한 적절한 값으로 설정합니다. 또한 요소에 대한 표시 (true) 또는 숨기기 (false)를 강제 실행하는 부울 param을 전달할 수도 있습니다.

전혀 관련이 없습니다.

http://jsfiddle.net/vJc6r/1/

var getit = $('#Getit'); 
getit.clone().appendTo($('.tabcontent').not(getit)); 
관련 문제