<div class="tabs">
    <div class="menu">
{content_dump assign="dump2" show_in_menu="force" start_id=$content_id exclude=$content_id}
        <ul class="clearfix">
    {foreach from=$dump2 item=dump}
            <li>
                <a href="{cms_selflink href=$dump->content->alias}">
                    <span>{$dump->content->title|truncate:22:'…':true}</span>
                </a>
            </li>

    {/foreach}
        </ul>
        <div class="clear"></div>
    </div>
    <div class="target"></div>
</div>

.tabs ul, .tabs li {
    background:none;
    padding:0;
    margin:0;
    list-style:none;}

.tabs li, .tabs li a, .tabs li a span {
    float:left;
    display:block;
    cursor:hand;
    cursor:pointer;}

.tabs a {
    text-decoration:none;
    color:#000;
    padding:4px 6px 4px 6px;
    background:#ccc;
    border:1px solid #000;
    margin:0 -1px 0 0;
    font-weight:bold;
    border-bottom:none;}

.tabs a:hover, .tabs li.active a {
    background:#f2f2f2;}

.tabs ul {
    padding:0 0 0 10px;}

.tabs .menu {
    border-bottom:1px solid #000;}

.tabs .target {
    border:1px solid #000;
    margin:10px 0 0 0;
    padding:10px;
    min-height:20px;
    clear:both;}

.clear {
    clear:both;}

{content}

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
{literal}$(document).ready(function(){
    $(".tabs li a").click(function(e){
        e.preventDefault();
        $(".tabs .target").load(this.href);
        $(this).parent().siblings().removeClass("active");
        $(this).parent().addClass("active");
    });
});{/literal}
</script>

Zielseite (mit deinem eigenen Template)
- Unterseite (Option: nicht im Menü anzeigen, Template: Ajax)
- Unterseite (Option: nicht im Menü anzeigen, Template: Ajax)
- Unterseite (Option: nicht im Menü anzeigen, Template: Ajax)
- usw.

{global_content name='tabs'}