Sinner3

Похожая проблема не могу адаптировать код под свою верстку:

<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
    <ul class="bxr-detail-tabs hidden-xs">
        <li data-tab="detail">
            Описание
        </li>         
        <li data-tab="video">
            Видео
        </li>        
        <li data-tab="screenshots" class="active">
            Скриншоты
        </li>    
        <div class="clearfix"></div>
    </ul>
    <h3 class="bxr-detail-tab-mobile-title  hidden-lg hidden-md hidden-sm">Описание</h3>
    <div class="bxr-detail-tab bxr-detail-text" data-tab="detail" style="display: none;">
        Текст описания
    </div>
                     
    <h3 class="bxr-detail-tab-mobile-title  hidden-lg hidden-md hidden-sm">Видео</h3>
    <div class="bxr-detail-tab bxr-detail-text" data-tab="video" style="display: none;">
        Вставка видео
    </div>
    
    <h3 class="bxr-detail-tab-mobile-title hidden-lg hidden-md hidden-sm">Скриншоты</h3>
    <div class="bxr-detail-tab bxr-detail-review" data-tab="screenshots" style="display: block;">
    компонент вывода скриншотов
    </div>                
</div>
<script>
var loc = window.location.hash;
if (loc != "") {
        var href = loc;
        href = href.replace('#','');	
		var target = $('.bxr-detail-tab').find(href);
        $('.bxr-detail-tabs li').removeClass('active');
		$('.bxr-detail-tabs li[data-tab="'+href+ '"]').addClass('active');
        $('.bxr-detail-tab').hide();
		$(target).fadeIn('fast');
}
</script>

класс 'active' присваивается, но вкладка не открывается