[hideprofile][html]
<div id="occup">
<span class="actitle">Список персонажей и занятость</span>
<div class="inner">
    <!--фильтрация объектов по классу, адаптация by Alex Kolmar-->
    <script type="text/javascript">
    $(function() {
        var newSelection = "";
          $(".chars-nav a").click(function(){
        $(".humans-chars").show();
        $(".chars-nav a").removeClass("current");
        $(this).addClass("current");
        newSelection = $(this).attr("rel");
        $(".char").not("."+newSelection).slideUp();
        $("."+newSelection).slideDown();
          });
    });
    </script>
    <div class="chars-nav">
    <span></span>
    <a rel="all" class="current">Жители Дублина</a>
    <a rel="humans">Люди</a>
    <a rel="magicians">Маги</a>
    <a rel="vampirs">Вампиры</a>
    <a rel="inq">Инквизиторы</a>
    <a rel="werewolves">Оборотни</a>
    </div>
    <ul class="humans-chars">
    </li>
<li class="humans all char">
<a href=""></a> - <br>
<a href=""></a> - <br>
</li>
<li class="magicians all char">
<a href=""></a> - <br>
<a href=""></a> - <br>
</li>
<li class="inq all char">
<a href=""></a> - <br>
</li>
<li class="vampirs all char">
<a href=""></a> - <br>
<a href=""></a> - <br>
</li>
<li class="werewolves all char">
<a href=""></a> - <br>
<a href=""></a> - <br>
</li>

    </ul>
</div>
</div>[/html]