Добрый день! Прошу помощи у знающих js. Имеется cms, которая строит сайты на основе шаблонов, и предопределенных функций, которые возвращают html+css. Сделал один хороший человек слайдер, но неудобство в том, что при добавлении его в шаблон сайта, он отображается на всех страницах. Я решил сделать условие при котором проверяется находимся ли мы на главной. Если так то отрабатывает слайдер, иначе скрываем его. Вот проблема в том что я не знаю как правильно его скрыть средствами js. Ниже привожу фрагменты кода. Всем заранее спасибо за помощь!
Эту функцию я вставляю в редактор html и css. Создаю текстовую страницу, и вставляю в функцию id страницы, первым параметром, второй отвечает за вывод заголовка.
.sli {
width:1200px;
margin:0 auto;
}
<div class="sli">
[uss]displaySectionContent(10068037,false)[/uss]
</div>
В странице я добавляю картинки для слайдера следующим образом:
<div class="universal_slider">
<ul>
<li>
<a href="/url"><img src="/images/img1" alt="" width="1200" height="600" /></a>
</li>
<li>
<a href="/url"><img src="/images/img1" alt="" width="1200" height="600" /></a>
</li>
<li>
<a href="/url"><img src="/images/img1" alt="" width="1200" height="600" /></a>
</li>
</ul>
</div>
Подключаю скрипты
<link type="text/css" rel="stylesheet" href="/scripts/slider/css/unslider.css" />
<script type="text/javascript" src="/scripts/slider/js/unslider-min.js"></script>
<script type="text/javascript" src="/scripts/slider/js/slider.js"></script>
Фрагмент кода для запуска работы слайдера:
jQuery(document).ready(function($) {
$('.universal_slider').unslider({ autoplay: true });
});
Мой вариант кода с условием требующий доработки:
if (document.location == "http://example.com/about/"){
jQuery(document).ready(function($) {
$('.universal_slider').unslider({ autoplay: true });
});} else {
//вот тут надо вставить в класс .universal_slider или .sli свойство display:none
//как это можно сделать?
}