Moje Záložky Final

by Petr Haluza

HTML

<div id="nav">
    <ul>
      <li><a href="#z1">Jedna</a></li>
      <li><a href="#z2">Dvě</a></li>
      <li><a href="#z3">Tři</a></li>
    </ul>
    <div id="z1">    Jedna    <a class="HideThisTab">skryj</a></div>
    <div id="z2">      Dvě    <a class="HideThisTab">skryj</a></div>
    <div id="z3">      Tři    <a class="HideThisTab">skryj</a></div>
</div>

CSS

.active { background: red }

JavaScript

$('#nav div').hide();
    //$('#nav div:first').show();
    $('#nav ul li:first').addClass('active');
    $('#nav ul li a').click(function(){
        var currentTab = $(this).attr('href');
        var vis = $(currentTab).is(':visible'); 
        $('#nav div').hide();
        $('#nav ul li').removeClass('active');
        $(this).parent().addClass('active'); 
        if(vis) {
            $(currentTab).hide();
        } else {
            $(currentTab).show();
        }
    });
	$('#nav a.HideThisTab').click(function(){
        $(this).parent().hide();
       
    });