<header>               
                <div class="header_halloween">
                        <div>
                            <h3>
                                Welcome
                            </h3>

                            <h1 style="color: rgb(34, 34, 34);">
                                Halloween
                                <span>
                                    Libre service
                                </span>
                            </h1>

                            <h2>
                                Codage Forumactif, PHPBB2 &amp; Invision
                                <span>
                                </span>
                            </h2>
                        </div>
                </div>
            </header>

http://everlongawakening.proboards.com/ … ber-groups

<div class="ur_infodiv">
                <table class="infotable">
                    <tr>
                        <td class="tableleftbox">
                            <div class="table_title">добро пожаловать</div>
                            <div class="table_subtitle">тематика ролевой игры</div>
                            <div class="table_textcont">
Ваш текст, ваш текст, ваш текст, ваш текст,ваш текст, ваш текст, ваш текст,ваш текст, ваш текст, ваш текст,ваш текст, ваш текст, ваш текст,ваш текст, ваш текст, ваш текст, ссылка <a href="http://willowwoodrpg.freeforums.net/thread/156/beginners-guide">here</a>. <br />
Ваш текст, ваш текст, ваш текст, ваш текст,ваш текст, ваш текст, ваш текст,ваш текст, ваш текст, ваш текст,ваш текст, ваш текст, ваш текст,ваш текст, ваш текст, ваш текст, ссылка.
                            </div>
                        </td>
                       
                        <td class="tablecenterbox">
                         
  <div class="table_title">Новости проекта</div>
                            <div class="table_subtitle">Последние обновления</div>
                           
                            <div style="display: block; height: 200px; overflow: auto;">               
                                <div class="it_textcontmid">
                                    Ваш текст, ваш текст, ваш текст, ваш текст,ваш текст, ваш текст, ваш текст,ваш текст, ваш текст, ваш текст,ваш текст, ваш текст, ваш текст,ваш текст, ваш текст, ваш текст, <a href="https://">ссылка</a>.<br />
                Администрация форума — <i>Июль 19</i>
                                </div>

                                <div class="it_divider"></div>
                <div class="it_textcontmid">
  Ваш текст, ваш текст, ваш текст, ваш текст,ваш текст, ваш текст, ваш текст,ваш текст, ваш текст, ваш текст,ваш текст, ваш текст, ваш текст,ваш текст, ваш текст, ваш текст, <a href="https://">ссылка</a>.<br />
                                   Администрация форума — <i>Июль 19</i>
                                </div>             
                            </div>

                        </td>
                       
                        <td class="tablerightbox">
                            <div class="table_title">АДМИНИСТРАЦИЯ ФОРУМА</div>
                            <div class="table_subtitle">MEET THESE DUDES</div>
<div class="ams">
<a href="ссылка"><img src="http://placehold.it/68x50/444444/fcfcfc" title="текст"></a>
<a href="ссылка"><img src="http://placehold.it/68x50/444444/fcfcfc" title="текст"></a>
<a href="ссылка"><img src="http://placehold.it/68x50/444444/fcfcfc" title="текст"></a>
<a href="ссылка"><img src="http://placehold.it/68x50/444444/fcfcfc" title="текст"></a>
</div>
                        </td>
                       
                    </tr>
                </table>
                </div>

<div class="forumroletable">
        <div class="forumroletabs">
            <div class="tabs">
    <input type="radio" id="tabs-1" name="tabs-group-1" checked>
            <label for="tabs-1"><div class="tabsname"><div class="tabsname1"></div>
                <h1>01</h1><h2>Добро пожаловать</h2><h3>from sweet beginnings</h3></div>
            </label>
    <div class="tabs1">
                <div class="welcometext">
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. In efficitur eros eu diam vestibulum, at pretium libero blandit. Duis ut blandit tellus, interdum euismod nisl. Sed mattis erat non dapibus porttitor. Curabitur faucibus dictum ex et eleifend. Sed ultrices ante a sapien bibendum lobortis. Aliquam erat volutpat. Mauris ornare ligula eget felis placerat, a laoreet felis lobortis. Aliquam et elementum lectus. Aliquam suscipit nisl non tortor elementum ullamcorper. Donec tincidunt mollis purus, a condimentum leo.

<!--- ссылки --->
<ul class="nav">
  <li><a href="">основной сюжет</a><i class="circle"></i></li>
  <li><a href="">список профессий</a></li>
  <li><a href="">знакомство с фри</a></li>
  <li><a href="">шаблоны анкет</a></li>
  <li><a href="">занятые имена и фамилии</a></li>
</ul>
                </div>
                <div class="word">слово</div>
                <div class="welcome21"></div>
                <div class="welcome2">Добро пожаловать в наш мир!</div>
                <div class="welcome3"><a href="">ссылка</a> + <a href="">Ссылка</a></div>
                <div class="welcome4">
                    <div class="welcome41">
<a href="http://designerforumfive.quadrobb.ru/" title="ВИП ПАРТНЁР"><img src="http://placehold.it/88x31/444444/fcfcfc"></a></div>
                    <div><img src="http://placehold.it/88x31/444444/fcfcfc"></div>
                    <div><img src="http://placehold.it/88x31/444444/fcfcfc"></div>
                    <div><img src="http://placehold.it/88x31/444444/fcfcfc"></div>
                </div>
            </div>
            </div>
           
            <div class="tabs">
    <input type="radio" id="tabs-2" name="tabs-group-1">
            <label for="tabs-2"><div class="tabsname" style="margin-left:285px;"><div class="tabsname1"></div>
                <h1>02</h1><h2>в игре</h2><h3>последние события</h3></div>
            </label>
    <div class="tabs1">
                <div class="event">
                    <img src="http://placehold.it/300x100/444444/fcfcfc">
                </div>
                <div class="updates">Число и месяц</div>
                <a href=""><div class="updates1"><div></div>Nothing More Light & Dark</div></a>
                <div class="updates2">
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. In efficitur eros eu diam vestibulum, at pretium libero blandit. Duis ut blandit tellus, interdum euismod nisl. Sed mattis erat non dapibus porttitor. Curabitur faucibus dictum ex et eleifend. Sed ultrices ante a sapien bibendum lobortis. Aliquam erat volutpat. 💎
                </div>
            </div>
            </div>
           
            <div class="tabs">
    <input type="radio" id="tabs-3" name="tabs-group-1">
            <label for="tabs-3"><div class="tabsname" style="margin-left:445px;"><div class="tabsname1"></div>
                <h1>03</h1><h2>администрация</h2><h3>проекта</h3></div>
            </label>
    <div class="tabs1">
                    <!---  АДМИНИСТРАЦИЯ --->
<div class="rolestaff">
                <table style="width:100%;"><tr>
                    <td><a href="">
                        <div class="rolestaff1"><img src="https://i.postimg.cc/RVFjr70L/aethericon.jpg"></div></a>
                        <h1>МЕФИСТОФЕЛИС</h1>
                        <h2>АДМИНИСТРАТОР</h2>
                        <a href=""><h3>MESSAGE ME</h3></a></td>
                    <td style="width:5px;"></td>
                   
                    <!--- STAFF MEMBER #2 --->
                    <td><a href="LINK TO ACCOUNT">
                        <div class="rolestaff1"><img src="https://s33.postimg.cc/lyb0mhavj/Symbol_fox.png"></div></a>
                        <h1>В ПОИСКАХ МОДЕРАТОРА</h1>
                        <h2>МОДЕРАТОР</h2>
                        <a href=""><h3>MESSAGE ME</h3></a></td>
                    </tr><tr>

                    <!--- STAFF MEMBER #3 --->
                    <td><a href="LINK TO ACCOUNT">
                        <div class="rolestaff1"><img src="https://s33.postimg.cc/j47v92ba7/Symbol_goat.png"></div></a>
                        <h1>ПОИСКАХ АДМИНИСТРАТОРА</h1>
                        <h2>АДМИНИСТРАТОР</h2>
                        <a href=""><h3>MESSAGE ME</h3></a></td>
                    <td style="width:5px;"></td>
                   
                    <!--- STAFF MEMBER #4 --->
                    <td><a href="LINK TO ACCOUNT">
                        <div class="rolestaff1"><img src="https://s33.postimg.cc/3vhxvax1b/Symbol_grizzly.png"></div></a>
                        <h1>В ПОИСКАХ МОДЕРАТОРА</h1>
                        <h2>МОДЕРАТОР</h2>
                        <a href=""><h3>MESSAGE ME</h3></a></td>
                    </tr></table>
           
            </div>
            </div>
            </div>
           
            <div class="tabs">
    <input type="radio" id="tabs-4" name="tabs-group-1">
            <label for="tabs-4"><div class="tabsname" style="margin-left:685px;"><div class="tabsname1"></div>
                <h1>04</h1><h2>factions</h2><h3>we borrowed heaven</h3></div>
            </label>
    <div class="tabs1">
           
            </div>
            </div>
           
            <div class="tabs">
    <input type="radio" id="tabs-5" name="tabs-group-1">
            <label for="tabs-5"><div class="tabsname" style="margin-left:845px;"><div class="tabsname1"></div>
                <h1>05</h1><h2>credits</h2><h3>don't take it back</h3></div>
            </label>
    <div class="tabs1">
                <div class="cred"></div>
                <div class="cred1">пример названия заголовка</div>
                <div class="cred2">
                 lorem ipsum dolor sit amet, consectetur adipiscing elit. in efficitur eros eu diam vestibulum, at pretium libero blandit. duis ut blandit tellus, interdum euismod nisl. sed mattis erat non dapibus porttitor. curabitur faucibus dictum ex et eleifend. sed ultrices ante a sapien bibendum lobortis. aliquam erat volutpat. mauris ornare ligula eget felis placerat, a laoreet felis lobortis. aliquam et elementum lectus. aliquam suscipit nisl non tortor elementum ullamcorper. donec tincidunt mollis purus, a condimentum leo.
                </div>
            </div>
            </div>
        </div></div>

font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    padding: 3px 0 5px 0;
    color: #252525;
    margin: 0 250px 0 250px !important;
    background: rgba(209, 192, 160, 0.5) !important;
    border: 3px double #ece8e0 !important;
    outline: 1px solid #d0c0aa;

<style type="text/css">
.pages div.container {overflow:hidden}
</style>
<div id="pun-main" class="main pages">
<div class="section">
    <h1><span>Гид по миру</span></h1>
    <div class="container">
<ul class ="s-tabs">
<div id="menu">
<span>
<ul>
<li><a href="#territory" class="acc">Территории королевств</a>
<ul>
<li><a href="#north">• Северное</a></li>
<li><a href="#east">• Восточное</a></li>
<li><a href="#south">• Южное</a></li>
<li><a href="#west">• Западное</a></li>
</ul></li>
<li>
<a href="#afterworld">Загробный мир</a></li>
</ul>
</span>

<span>
<ul>
<li><a href="#creators">Создатели Арсалема и их дары</a></li>
<li><a href="#companion">Спутники и контракты</a></li>
<li><a href="#faith">Вера</a></li>
<li><a href="#omen">Ритуалы, знаки, приметы</a></li>
</ul>
</span>

<span>
<ul>
<li><a href="#animals" class="acc">Животный мир Арсалема</a>
<ul>
<li><a href="#northwind">• Стая Северного ветра</a></li>
<li><a href="#eastforest">• Стая Восточного леса</a></li>
<li><a href="#vair">• Ваиры</a></li>
<li><a href="#ghosts">• Призраки и полтергейсты</a></li>
</ul></li>
</ul>
</span>

<span>
<ul>
<li><a href="#npc" class="acc">Список НПС</a>
<ul>
<li><a href="#shadow">• Проявления Тени</a></li>
<li><a href="#month">• Духи-месяцы</a></li>
<li><a href="#alive">• Живые НПС</a></li>

</ul></li>
</ul>
</span>

<span>
<ul>
<li><a href="#seasons" class="acc">Времена года</a>
<ul>
<li><a href="#winter">• Зима</a></li>
<li><a href="#spring">• Весна</a></li>
<li><a href="#summer">• Лето</a></li>
<li><a href="#autumn">• Осень</a></li>
</ul></li>
</ul>
</span>

<span>
<ul>
<li><a href="#chronicle" class="acc">Летописи</a>
<ul>
<li><a href="#chronicle_create">• Создание Арсалема</a></li>
<li><a href="#chronicle_now">• Сейчас в мире</a></li>
<li><a href="#northwind_chronicle">• Стая Северного ветра</a></li>
<li><a href="#eastforest_chronicle">• Стая Восточного леса</a></li>
<li><a href="#vair_chronicle">• Ваиры</a></li>
</ul></li>
</ul>
</span>

<span>
<ul>
<li><a href="#medicine" class="acc">Медицина</a>
<ul>
<li><a href="#herbs">• Лекарственные растения</a></li>
<li><a href="#herbs1">• Ядовитые растения</a></li>
<li><a href="#subj">• Лекарственные предметы</a></li>
</ul></li>
<li><a href="#disease" class="acc">Болезни</a>
<ul>
<li><a href="#diseasedie">• Смертельные заболевания</a></li>
<li><a href="#dis">• Обычные болезни</a></li>
</ul></li>
</ul>
</span>

<span>
<ul>
<li><a href="#hit">Боевые приемы</a></li>
</ul>
</span>

</div>

</ul>

<style>
.punbb #pun-main {
background: none!important;
border:none!important;
box-shadow:none!important;}

#menu {
float: left;
position: sticky;
top: 10px;
background: #4e3b36;
color: #ccbead;
box-shadow: -2px 0px 5px 0px black, 0 0 10px 0 rgba(30, 27, 24, 0.4) inset;
border: 1px solid #625a4e;}

#menu span > ul > li > ul {
display:none;}

#pun-main .s-tabs {
width:auto;
margin:0px;
min-height: 720px;
}

#pun-main .s-tabs #menu > span {
text-shadow: none;
display: block;
width: 240px;
color: #40312d;
margin-bottom: 0px;
cursor: pointer;
font-weight: bold;
padding: 15px;
border-bottom: 1px solid #41332e;
}

#pun-main .s-tabs #menu > span.selected {
background: rgba(159, 126, 86, 0.2);}

#pun-main .s-tabs #menu > span a{
color: #dbb387 !important;}

#pun-main .s-tabs #menu > span a.acc:before {
content: "+";
position: absolute;
left: 3px;
color: #a99f8c;}

#pun-main .s-tabs #menu > span a.acc.open:before {
content: "-"}

#pun-main .s-tabs #menu > span ul ul a{
color: #a99f8c !important;}

#pun-main .s-tabs #menu > span li:hover, #pun-main .s-tabs #menu > span a:hover, #pun-main .s-tabs #menu > span ul ul a:hover{
color: #f0eadf !important;}

#pun-main .s-tabs #menu > span ul {
padding: 0px;}

#pun-main .s-tabs .stab {
color: #676451;
padding: 10px!important;
width: 650px;
height: auto;
margin-left: 273px;
text-align: justify;
background: #eacfac;
border: 1px solid #d2b493;
box-shadow: 0px 0px 10px 0px black, 0px 0px 30px 4px #ce9a5f inset, 0px 0px 5px 1px #000 inset;}

#pun-main .stab .h1 {
font-size: 23px;
font-weight: 100;
font-family: "Times New Roman", Times, serif;
text-shadow: 0px 0px 2px black;
text-align: center;
padding: 5px;
margin: 20px auto 10px;
background: #4f4f40;
color: #e0c5a4;
border: double 3px rgba(147, 112, 72, 0.64);
box-shadow: 0 0 10px 0 rgba(30, 27, 24, 0.4) inset;
}

#pun-main .stab .h2 {
margin-top:30px;
font-size: 12px;
padding: 5px;
text-align: center;
font-weight: bold;
background: #4e3b36;
color: #ccbead;
border: double 3px rgba(147, 112, 72, 0.64);
box-shadow: 0 0 10px 0 rgba(30, 27, 24, 0.4) inset;
}

#pun-main .stab .h3 {
margin-top:20px;
font-size: 12px;
padding: 5px;
text-align: center;
font-weight: bold;
background: rgba(159, 126, 86, 0.2);
border: double 3px rgba(147, 112, 72, 0.64);
}

#pun-main .stab table {
width:100%;
table-layout: fixed;
border-collapse: separate;
border-spacing: 10px;}

#pun-main .stab table td {
vertical-align: top;}

#animals_table {
text-align:center;}

#animals_table td {
background: #d3b997;
color: rgba(0,0,0,0.7);
border: double 3px rgba(147, 112, 72, 0.64);
box-shadow: 0 0 10px 0 rgba(136, 120, 106, 0.4) inset;
padding: 10px;
vertical-align: top;}

#animals_table img, #northwind + div img, #eastforest + div img, #vair + div img {
margin:3px;}

.gods_table {background: #4e3b36;
color: #ccbead;
border: double 3px rgba(147, 112, 72, 0.64);
box-shadow: 0 0 10px 0 rgba(30, 27, 24, 0.4) inset;
margin: 5px 0px;}

tr.past td:nth-child(1), label.past{
background: rgba(128, 128, 128, 0.3);}

tr.now td:nth-child(1), label.now{
background: rgba(75, 107, 85, 0.3);}

tr.designation td:nth-child(1), label.designation{
background: rgba(86, 55, 39, 0.3);}

tr.past.designation td:nth-child(1){
background: linear-gradient(to right, rgba(128, 128, 128, 0.3) 50%, rgba(86, 55, 39, 0.3) 50%);}

tr.now.designation td:nth-child(1){
background: linear-gradient(to right, rgba(75, 107, 85, 0.3) 50%, rgba(86, 55, 39, 0.3) 50%);}

tr.past.now td:nth-child(1){
background: rgba(128, 128, 128, 0.3);}

.chronicle_table tr.date td, tr.date.past td:nth-child(1), tr.date.now td:nth-child(1) {
background: rgba(159, 126, 86, 0.2);
padding-top:10px;
}

.chronicle_table, .npc_table {
table-layout: auto!important;}

.shadow {
background: rgba(4, 4, 4, 0.28);
border: 1px solid rgba(70, 69, 69, 0.5);
color: black;}

.shadow p {
background: rgba(45, 45, 45, 0.91);border: none;color: #CEC8C6;text-align: center;font-weight: bold;font-size: 14px;padding: 5px;margin: 0;}

.chronicle_table td {
vertical-align: top;
text-align: justify;
}

.chronicle_table td:nth-child(1){
width:30%;
font-weight:bold;
text-align: left;
}

#pun-main .stab img {border: 1px solid #b79673;
box-shadow: 0px 0px 2px 0px black, 0px 0px 3px 1px #2b211f inset;}

input.past:not(:checked) ~ table .past, input.now:not(:checked) ~ table .now, input.designation:not(:checked) ~ table .designation {
display: none;
}

input.past ~ table .past, input.now ~ table .now, input.designation ~ table .designation {
display: table-row;
}

#pun-pages div.container {
overflow: visible;
height: auto;}

p.center {
text-align:center;
margin: 0px;}

span.quote {
background: #d3b997;
color: rgba(0,0,0,0.7);
border: double 3px rgba(147, 112, 72, 0.64);
box-shadow: 0 0 10px 0 rgba(136, 120, 106, 0.4) inset;
padding: 10px;
display: block;
margin: 10px 0;}

td.quote {
background: #d3b997;
color: rgba(0,0,0,0.7);
border: double 3px rgba(147, 112, 72, 0.64);
box-shadow: 0 0 10px 0 rgba(136, 120, 106, 0.4) inset;
padding: 10px;}

p#herbs ~ table:nth-of-type(odd) {
background: rgba(159, 126, 86, 0.2);}

.herb_table {text-align: center;
border: 1px solid rgba(0, 0, 0, 0.4);}

.herb_table_img {
font-size: 12px;
padding: 5px;
text-align: center;
font-weight: bold;
background: #4e3b36;
color: #ccbead;
border: double 3px rgba(147, 112, 72, 0.64);
box-shadow: 0 0 10px 0 rgba(30, 27, 24, 0.4) inset;
width: 230px;}

</style>

<script>
$.get('https://forumstatic.ru/files/0017/aa/81/12729.txt', function (data) {

  $('#pun-main .s-tabs #menu').after(data);

   let hashElem = location.hash;
    if (hashElem  !== "" && !$('#menu a[href$=' + hashElem + ']').parents('span').hasClass('selected')) {
        $('#menu a[href$=' + hashElem + ']').parents('span').click();

        if ($('#menu a[href$=' + hashElem + ']')[0] == $('#menu a[href$=' + hashElem + ']').parents('span > ul > li').children('a')[0]) {
console.log('1')
            $('#menu a[href$=' + hashElem + ']')[0].click()
        } else {
console.log('2')
            $('#menu a[href$=' + hashElem + ']').parents('span > ul > li').children('a')[0].click();
            $('#menu a[href$=' + hashElem + ']')[0].click()
        };
    }

});

$('body').on('click', '#menu span > ul > li > a', function () {
$(this).toggleClass('open');
$(this).parent().children('ul').toggle();
});

</script>
    </div>
</div>
</div>
<script type="text/javascript">$(document).trigger("pun_main_ready");</script>

<!-- pun_stats -->

<div class="section" style="border:0 !important; max-width:100%; text-align:center">
    <style type="text/css">
#qpsContainer{text-align:center;vertical-align:middle}.qpsButton{background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #eae0c2), color-stop(1, #ccc2a6));background:-moz-linear-gradient(top, #eae0c2 5%, #ccc2a6 100%);background:-webkit-linear-gradient(top, #eae0c2 5%, #ccc2a6 100%);background:-o-linear-gradient(top, #eae0c2 5%, #ccc2a6 100%);background:-ms-linear-gradient(top, #eae0c2 5%, #ccc2a6 100%);background:linear-gradient(to bottom, #eae0c2 5%, #ccc2a6 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eae0c2', endColorstr='#ccc2a6',GradientType=0);background-color:#eae0c2;-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:15px;border:1px solid #333029;display:inline-block;cursor:pointer;color:#505739;font-family:Arial;font-size:14px;font-weight:bold;padding:12px 16px;text-decoration:none;text-shadow:0 1px 0 #ffffff;opacity:0.8}.qpsButton:hover{background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ccc2a6), color-stop(1, #eae0c2));background:-moz-linear-gradient(top, #ccc2a6 5%, #eae0c2 100%);background:-webkit-linear-gradient(top, #ccc2a6 5%, #eae0c2 100%);background:-o-linear-gradient(top, #ccc2a6 5%, #eae0c2 100%);background:-ms-linear-gradient(top, #ccc2a6 5%, #eae0c2 100%);background:linear-gradient(to bottom, #ccc2a6 5%, #eae0c2 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ccc2a6', endColorstr='#eae0c2',GradientType=0);background-color:#ccc2a6}.qpsButton:active{position:relative;top:1px}
</style>
<div id="qpsContainer"><a href="https://qps.ru/" target="_blank" class="qpsButton">Сокращатель ссылок</a></div>
</div>

<!-- banner_bottom -->

<div id="pun-break3" class="divider"><hr /></div>

<div id="pun-crumbs2" class="section">
<p class="container crumbs"><strong>Вы здесь</strong> » <a href="http://aljw.mybb.ru/">Арсалем. Последний путь волка</a> » Гид по миру</p>
</div>

<div id="pun-break4" class="divider"><hr /></div>

<div id="pun-about" class="section">
<p class="container">
    <span class="item1" style="padding-left:0"><a title="создать форум" href="http://mybb.ru/" target="_blank">создать форум</a></span>
</p>
</div>
<script type="text/javascript">$(document).trigger("pun_about_ready");</script>

<div id="html-footer" class="section">
<div class="container"><!-- Вкладки -->
<script type="text/javascript">
$('#pun-announcement .s-tabs').each(function(){
   $(this).children('span:first').addClass('selected');
   $(this).children('.stab').eq(0).show();   
});
$('.s-tabs>span').live('click', function(){
     var a = $(this).parent('.s-tabs');
     var arr = a.children('span');
     var index = arr.index(this);
     arr.removeClass('selected');
     $(this).addClass('selected');
     a.children('li.stab').hide();   
     a.children('li.stab').eq(index).show();   
});
$('.s-tabs #menu >span').live('click', function(){
     var a = $(this).parent('.s-tabs #menu');
     var arr = a.children('span');
     var index = arr.index(this);
     arr.removeClass('selected');
     $(this).addClass('selected');
     a.parent('.s-tabs').children('li.stab').hide();   
     a.parent('.s-tabs').children('div#hello').hide();   
     a.parent('.s-tabs').children('li.stab').eq(index).show();   
});
</script>