Mam mały problem z hide() oraz show() a mianowicie z poprawym odniesieniem od elementów, które trzeba ukryć/lub pokazać. Sprawa jest dość prosta - zakładki. W jaki sposób poprawnie odnieść się do pozostałych elementów. Próbuje w ten sposób ale działa to w sposób należyty.
JS
Kod
$("#menu ul li a").click(function()
{
var element_index = $("#menu a").index(this);
$("#text:visible").hide();
$("#text").eq(element_index).show();
return false;
});
{
var element_index = $("#menu a").index(this);
$("#text:visible").hide();
$("#text").eq(element_index).show();
return false;
});
Menu [html]
Kod
<div id="content">
<div class="topround topround_grey"></div>
<div class="center center_grey">
<div id="text" style="display: block; float: left; padding: 5px 33px; width: 582px;">
Treść
</div>
<div id="text" style="display: none; float: left; padding: 5px 33px; width: 582px;">
Treść
</div>
<div id="text" style="display: none; float: left; padding: 5px 33px; width: 582px;">
Treść
</div>
<div style="float: right; width: 288px;">
<div id="menu">
<ul>
<li><a href="#">Menu element 1</a></li>
<li><a href="#">Menu element 2</a></li>
<li><a href="#">Menu element 3</a></li>
<li><a href="#">Menu element 4</a></li>
<li><a href="#">Menu element 5</a></li>
<li><a href="#">Menu element 6</a></li>
</ul>
</div>
</div>
<div id="bok">
Treść
</div>
</div>
<div class="botround botround_grey"></div>
</div>
<div class="topround topround_grey"></div>
<div class="center center_grey">
<div id="text" style="display: block; float: left; padding: 5px 33px; width: 582px;">
Treść
</div>
<div id="text" style="display: none; float: left; padding: 5px 33px; width: 582px;">
Treść
</div>
<div id="text" style="display: none; float: left; padding: 5px 33px; width: 582px;">
Treść
</div>
<div style="float: right; width: 288px;">
<div id="menu">
<ul>
<li><a href="#">Menu element 1</a></li>
<li><a href="#">Menu element 2</a></li>
<li><a href="#">Menu element 3</a></li>
<li><a href="#">Menu element 4</a></li>
<li><a href="#">Menu element 5</a></li>
<li><a href="#">Menu element 6</a></li>
</ul>
</div>
</div>
<div id="bok">
Treść
</div>
</div>
<div class="botround botround_grey"></div>
</div>
Z góry przepraszam za podstawowe pytania,
Pozdrawiam
Maksior