여러 div가있는 Jquery 슬라이더

Question

하나의 div (# page2)에 여러 개의 이미지 (링크)가있는 사이트를 만들고 하나를 클릭하면 이미 열려있는 div (# page1)를 닫고 클릭 한 이미지 (링크)와 관련된 컨텐츠를 엽니 다. 다른 이미지 (링크)를 클릭하면 # page1의 열려있는 내용을 닫고 관련 내용을 열어야합니다. 나는 이것이 가능하다고 확신하지만 그것을하는 방법을 모른다.

Answer 1

HTML :

<div class="links"> 
    <a href="#page1"><img src=""/></a> 
    <a href="#page2"><img src=""/></a> 
    <a href="#page3"><img src=""/></a> 
</div> 
<div class="pages"> 
    <div id="page1"></div> 
    <div id="page2"></div> 
    <div id="page3"></div> 
</div> 

JQuery와 코드 :

$(document).ready(function() { 
    $('div.pages div').hide(); 
    $('div.links a').click(function() { 
    $('div.pages div').slideUp(); 
    $($(this).attr('href')).slideDown(); 
    return false; 
    }); 
}); 

당신은 .fadeOut() 또는 .hide()로 .slideUp()을 대체 할 수 있습니다. .slideDown()은 .fadeIn() 또는 .show()

Answer 2

으로 대체 될 수 있습니다. 아마도 TABS 또는 ACCORDION을 찾고 계십니까?

http://jqueryui.com/demos/tabs/

http://jqueryui.com/demos/accordion/