jquery滑块与多个div

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/