Вопрос? Как настроить tabs

Хелп!
В общем пытаюсь настроить вкладки, 1 вкладка норм, а 2 и 3 почему то теряют форму и не могу понять почему
Обновлю страницу и 2 норм, а 1 и 3 теряет... в общим рандом какой то
Если, что-то не верно поправьте)

CSS

Code:

.wrapper .active {
  color: #ffb10a;
  border-buttom: 1px solid #fff;
  background: #fff;
}

.tabs {
  margin-left: 1em;
}



.tab {
   cursor: pointer;
   border: 1px solid #ddd;
   border-radius: 5px 5px 0 0;
   padding: .5em 1em;
   display: inline-block;
   margin-bottom: -1px;
   position: relative;
   z-index: 2;
   background: #eee;
}
 
.tab_item {
  border: 1px solid #ddd;
  border-radius: 3px;
}

HTML:

<div class="wrapper">
    <div class="tabs">
        <span class="tab">Плеер №1</span>
        <span class="tab">Плеер №2</span>
        <span class="tab">Трейлер</span>
    </div>
    <div class="tab_content">
        <div class="cont player">
        <div class="tab_item"><iframe src="[xfvalue_moonwalk_iframe]" frameborder="0" allowfullscreen></iframe></div>
        <div class="tab_item"><iframe src="[xfvalue_kodik_iframe]" frameborder="0" allowfullscreen></iframe></div>
        <div class="tab_item"><iframe src="[xfvalue_trailer]" frameborder="0" allowfullscreen></iframe></div>
        </div>
    </div>
</div>

jQuery: (прописал в fullstory сразу под кодом вкладок в <script>)

Code:

$(".tab_item").not(":first").hide();
$(".wrapper .tab").click(function() {
    $(".wrapper .tab").removeClass("active").eq($(this).index()).addClass("active");
    $(".tab_item").hide().eq($(this).index()).fadeIn()
}).eq(0).addClass("active");

Spoiler: Результат

Не могу понять где накосячил

И сразу второй вопрос:
Какие плееры лучше использовать? Решил на мунвалк и кодик остановиться, но у них вроде одно и то же
Вы какими пользуетесь, если их 2?

 

DLEPlugins
evgfreeman

Спасибо, возьму на заметку)
А как с табами быть? Пробовал другой скрипт поставить, но беда та же самая...
Так думаю если разные скрипты, а проблема одна, значит в движке дело? Или в шаблоне?
Как на зло в шаблоне места нет трейлер воткнуть

 

DLEPlugins спасибо)
Сейчас поставлю наконец то)

 

один момент только, пока вкладки не трогать все норм, как только нажимаю на любую из вкладок плеер пропадает и появляется ошибка
Fatal error: Class 'DLEPlugins' not found in /home/admin/web/site.ru/public_html/engine/classes/templates.class.php on line 24

custom.php и страницы создал
Так понимаю еще пропущен знак
cache='yes'">Плеер
Его дописал

 

Ошибки нет, но и плеера тоже
При нажатии исчезает

custom.php

Code:

<?php
// by сайт lazydev Back-End разработчик и SEO оптимизатор
@error_reporting ( E_ALL ^ E_WARNING ^ E_NOTICE );
@ini_set ( 'display_errors', true );
@ini_set ( 'html_errors', false );
@ini_set ( 'error_reporting', E_ALL ^ E_WARNING ^ E_NOTICE );

define( 'DATALIFEENGINE', true );
define( 'ROOT_DIR', substr( dirname(  __FILE__ ), 0, -12 ) );
define( 'ENGINE_DIR', ROOT_DIR . '/engine' );

include_once ENGINE_DIR . '/classes/plugins.class.php';
include ENGINE_DIR . '/data/config.php';
require_once ENGINE_DIR . '/classes/mysql.php';
require_once ENGINE_DIR . '/data/dbconfig.php';
require_once ENGINE_DIR . '/modules/functions.php';
require_once ENGINE_DIR . '/classes/templates.class.php';

dle_session();

require_once ENGINE_DIR . '/modules/sitelogin.php';
require_once ROOT_DIR . '/language/' . $config['langs'] . '/website.lng';
@header( "Content-type: text/html; charset=" . $config['charset'] );

if(!$is_logged) $member_id['user_group'] = 5;

//################# Определение групп пользователей
$user_group = get_vars( "usergroup" );
if( ! $user_group ) {
    $user_group = array ();
    $db->query( "SELECT * FROM " . USERPREFIX . "_usergroups ORDER BY id ASC" );
    while ( $row = $db->get_row() ) {
        $user_group[$row['id']] = array ();
        foreach ( $row as $key => $value ) $user_group[$row['id']][$key] = stripslashes($value);
    }
    set_vars( "usergroup", $user_group );
    $db->free();
}
//################# Определение категорий и их параметры
$cat_info = get_vars( "category" );
if( ! is_array( $cat_info ) ) {
    $cat_info = array ();
    $db->query( "SELECT * FROM " . PREFIX . "_category ORDER BY posi ASC" );
    while ( $row = $db->get_row() ) {
        $cat_info[$row['id']] = array ();
        foreach ( $row as $key => $value ) $cat_info[$row['id']][$key] = stripslashes( $value );
    }
    set_vars( "category", $cat_info );
    $db->free();
}
define( 'TEMPLATE_DIR', ROOT_DIR . '/templates/'.$config['skin']);
$custom = isset($_POST["castom"]) && is_scalar($_POST["castom"]) ? trim(strip_tags(stripslashes($_POST["castom"]))) : false;
if($custom==false) return;
if( strpos( $custom, "custom" ) !== false ) {
    $custom = "{".$custom."}";
    $custom = preg_replace_callback( "#\\{custom(.+?)\\}#i", "custom_print", $custom );
    if($custom !="") echo $custom;
}
?>

 

не-а


Может накосячил где?

Spoiler: Весь код fullstory

Code:

<div class="movie">
    <div class="sidebar">
        <div class="block">
            <div class="mposter">
                <img src="[xfgiven_poster][xfvalue_poster][/xfgiven_poster][xfnotgiven_poster]{image-1}[/xfnotgiven_poster]" alt="{title}" class="main_poster" />
                <div class="fav">{favorites}</div>
                {rating}
            </div>
            <div class="h1">
                <h1>[xfvalue_name]</h1>
                <span class="edit">[edit][/edit]</span>
            </div>
            <ul class="reset info">
                [xfgiven_name_foreign]<li><b>Оригинал</b> [xfvalue_name_foreign]</li>[/xfgiven_name_foreign]
                [xfgiven_country]<li><b>Страна</b> [xfvalue_country]</li>[/xfgiven_country]
                [xfgiven_charges_world]<li><b>Кассовые сборы</b> [xfvalue_charges_world]</li>[/xfgiven_charges_world]
                [xfgiven_premiere_world]<li><b>Премьера в мире</b> [xfvalue_premiere_world]</li>[/xfgiven_premiere_world]
                [xfgiven_premiere_rus]<li><b>Премьера в РФ</b> [xfvalue_premiere_rus]</li>[/xfgiven_premiere_rus]
                [xfgiven_director]<li><b>Режиссер</b> <span class="links">[xfvalue_director]</span></li>[/xfgiven_director]
                [xfgiven_producer]<li><b>Продюсер</b> <span class="links">[xfvalue_producer]</span></li>[/xfgiven_producer]
            </ul>
        </div>
    </div>
    <div class="about">
        <div class="quality">[xfvalue_moonwalk_source]</div>
        <div class="counts cont">
            <div class="counter">
                <b>[xfvalue_rating]</b>
                КиноПоиск
            </div>
            <div class="counter">
                <b>[xfvalue_imdb]</b>
                IMDb
            </div>
            <div class="counter">
                <b>{views}</b>
                [declination={views}]Просмотр||а|ов[/declination]
            </div>
            <div class="counter">
                <b>{comments-num}</b>
                [declination={comments-num}]Комментари|й|я|ев[/declination]
            </div>
        </div>
        <div class="cont">
            {full-story}
            <hr>
            [xfgiven_genre]<li><b>Жанр:</b> [xfvalue_genre]</li>[/xfgiven_genre]<br>
            [xfgiven_year]<li><b>Год выпуска:</b> [xfvalue_year]</li>[/xfgiven_year]<br>
            [xfgiven_time]<li><b>Длительность:</b> [xfvalue_time]</li>[/xfgiven_time]<br>
            [xfgiven_country]<li><b>Страна:</b> [xfvalue_country]</li>[/xfgiven_country]
        </div>
        <div class="cont">
            <div class="title">Актерский состав</div>
            [xfvalue_actors]
        </div>
<!--tabs-->
<div class="wrapper">
    <div class="tabs">
        <span class="tab" data-ajaxc="custom id='{news-id}' template='moonwalk' cache='yes'">Плеер №1</span>
        <span class="tab" data-ajaxc="custom id='{news-id}' template='kodik' cache='yes'">Плеер №2</span>
        <span class="tab" data-ajaxc="custom id='{news-id}' template='trailer' cache='yes'">Трейлер</span>
    </div>
    <div class="tab_content">
        <div class="cont player">
        <div class="tab_item" data-trigercajax="set"><iframe src="[xfvalue_moonwalk_iframe]" width="100%" height="400" frameborder="0" allowfullscreen></iframe></div>
    </div>
</div>
<!--tabs-->
        [xfgiven_stills_num_1]<div class="cont">
            <div class="images">
                <div class="image">[xfvalue_stills_num_1]</div>
                [xfgiven_stills_num_2]<div class="image">[xfvalue_stills_num_2]</div>[/xfgiven_stills_num_2]
                [xfgiven_stills_num_3]<div class="image">[xfvalue_stills_num_3]</div>[/xfgiven_stills_num_3]
                [xfgiven_stills_num_4]<div class="image">[xfvalue_stills_num_4]</div>[/xfgiven_stills_num_4]
                <div class="clr"></div>
            </div>
        </div>[/xfgiven_stills_num_1]
        [comments]<div class="cont">[/comments]
            {addcomments}
        [comments]</div>
        <div class="title">Комментарии зрителей</div>[/comments]
        {comments}
    </div>
    <div class="related">
        {related-news}
    </div>
    <div class="clr"></div>
    <div class="blur"><div></div></div>
</div>

 

Спасибо, все получилось.
Только теперь правая колонка поплыла))
У меня там справа рекомендуемые вертикально были, щас в потолок убежали)

 

Понял, спасибо)
Буду тогда искать место

 

оказывается </div> не хватало...
Есть интересный момент, все работает без проблем, но только со старыми новостями...
То есть добавил новость и по нажатию любой из вкладок все пропадает. Тут же открываю старую новость до установки и все норм

Как так то? Я вот думаю, может на 13.2 просто не работает нормально?

 

Сегодня проверил и все норм, видимо нужно какое то время, прежде чем будет нормально функционировать

Большое спасибо за помощь)