<!-------------личная страничка--------->
<style>
.reveal-modal {
    display:none;
    visibility: visible;
    top: 100px;
    left: 50%;
    margin-left: -300px;
    width: 520px;
    position: fixed;
    z-index: 101;
}

</style>
  <div id="character" class="reveal-modal xlarge main container">   
    <div class='modal_wrap'></div>
    <a class="close-reveal-modal" onclick="$(this).parent().hide()">×</a>
 </div>

    <script type="text/javascript">
    function showTab(elem){
        $(".menu span").removeClass("tabactive");
        $(elem).addClass("tabactive");
        $("div.submenutext").hide();
        var activeDiv = $(elem).attr("alt");
        $("div." + activeDiv).fadeIn();
        return false;
    }

    $(".modal-link").click(function() {
        var modId = $(this).attr('id');

        $('.modal_wrap').html('');
        $.get('/pages/' + modId, function(data){
            $('.modal_wrap').html($(data).find('.character').html()).parent().show();
        });

        $(".submenutext").hide();
        $(".submenutext:first").show();
    });

    // 👉 Установка класса по умолчанию при загрузке страницы
    $(document).ready(function() {
        $(".menu span:first").addClass("tabactive");
    });

    </script>