Как реализовать такие «табы»?

Question

[hoppiN]

Как сделать табы сверху и снизу взаимосвязанными? Чтобы при нажатии таба сверху или снизу одновременно менялся и противоположный.

Answer 1

[Юпитер Макс]

<div class="tab-links">
    <ul>
        <li>
	    <a href="#tab1">Tab 1</a>
	</li>
	<li>
            <a href="#tab2">Tab 2</a>
	</li>
    </ul>
</div>
<div class="tab-item-wrapper">
    <div class="tab-item" id="tab1">Content 1</div>
    <div class="tab-item" id="tab2">Content 2</div>
</div>
<div class="tab-links">
    <ul>
        <li>
	    <a href="#tab1">Tab 1</a>
	</li>
	<li>
            <a href="#tab2">Tab 2</a>
	</li>
    </ul>
</div>

var tabContainers = $('.tab-item-wrapper .tab-item');

tabContainers.hide().filter(':first').show();
	
$('.tab-links a').click(function () {
	tabContainers.hide();
	tabContainers.filter(this.hash).fadeIn("slow");
	$('.tab-links a').removeClass('selected');
	$(this).addClass('selected');
	return false;
}).filter(':first').click();

Ну стили уже сам допишешь наверное? :-)

Answer 2

[Дмитрий]

Пример на css