* {
box-sizing:border-box;
}
add( '#'+$(this).attr('href') )
<!-- Modal -->
<button class="btn btn-success btn-lg animate-btn" data-toggle="modal" data-target="#myModal">ВЫЗОВИ МАСТЕРА СЕЙЧАС</button>
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title" id="myModalLabel">Не нашли что искали?</h4>
</div>
<div class="modal-body">
<!-- Тут контент в модальном окне -->
</div>
</div>
</div>
</div>
<script>
// Через сколько событие модал
var limit = 5000;
// Сбросить данные в localStorage через...
var repeat = 300000;
// При переходе на новую страницу проверяем данные и сбрасываем при необходимости
if (Date.now() - localStorage.getItem('count') > repeat) {
localStorage.removeItem('count');
localStorage.removeItem('show');
console.log('Данные в localStorage сброшены');
};
// Если это первое посещение, то запукает отсчет для события модал
if (localStorage.getItem('count') === null && localStorage.getItem('show') === null) {
localStorage.setItem('count', Date.now());
localStorage.setItem('show', 'false');
console.log('Счетчик установлен');
var timer = setInterval( function() {
var time = localStorage.getItem('count');
if (Date.now() - time > limit ) {
console.log('Событие модал');
$('[data-target="#myModal"]').trigger('click');
localStorage.setItem('show', 'false');
clearInterval(timer);
};
}, 500 );
} else {
console.log('Событие модал уже было');
}
</script>
$(document).on('click', '.news h2 a', function(){
$(this).parent('h2').parent('.news').children('.text_from_news').slideToggle();
return false;
});
var pb = {}; // создаем новый объект
pb.el = $('#slider'); // в поле el ссылка на jQuery объект, который обертка над DOM-объектом с id="slider"
pb.items = { // обект-список, в котором jQuery-объекты, оберкти над li
panels: pb.el.find('.slider-wrapper > li'),
}
.test {
border: 1px solid #000;
padding: 5px 5px 5px 40px;
height: 20px;
background: url(...) no-repeat 3px 1px;
background-size: auto 90%;
}