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;
  });
});

Вы можете заменить .slideUp() на .fadeOut() или .hide()..slideDown() можно заменить на .fadeIn() или .show()

Answer 2

Возможно, вы ищете TABS или ACCORDION?

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

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