Адаптивная выдвижная панель [РЕШЕНО]

[saintroma]

Всем салют. Вот доделал может кому надо будет. Выдвижное меню (адаптивное - подвигайте браузер) вместо футера для быстрого перехода. Пример даю в архиве. страница , стили и папки.

Вот этот код вставляем в конец страницы чтобы не мешало загрузки. href="https://saintroma.com" - здесь меняем ссылку на страницу.
css/images/image.png - здесь меняем название фото

<link rel="stylesheet" href="css/tomato.css" type="text/css">
<script type="text/javascript" src="js/jquery.js"></script>
</div>
<article class="toggle-panel boxed bottom tomato">
<span>+</span>
<div id="gloves"
style="width: 100%; position:center; margin:0 0 0 3%">
<a href="https://saintroma.com"><img src="css/images/image.png" alt="Альтернативное_название" width="100%" height="auto"></a>
<a href="https://saintroma.com"><img src="css/images/image.png" alt="Альтернативное_название" width="100%" height="auto"></a>
<a href="https://saintroma.com"><img src="css/images/image.png" alt="Альтернативное_название" width="100%" height="auto"></a>
<a href="https://saintroma.com"><img src="css/images/image.png" alt="Альтернативное_название" width="100%" height="auto"></a>
<a href="https://saintroma.com"><img src="css/images/image.png" alt="Альтернативное_название" width="100%" height="auto"></a>
<a href="https://saintroma.com"><img src="css/images/image.png" alt="Альтернативное_название" width="100%" height="auto"></a>
<a href="https://saintroma.com"><img src="css/images/image.png" alt="Альтернативное_название" width="100%" height="auto"></a>
<a href="https://saintroma.com"><img src="css/images/image.png" alt="Альтернативное_название" width="100%" height="auto"></a>
<a href="https://saintroma.com"><img src="css/images/image.png" alt="Альтернативное_название" width="100%" height="auto"></a>
<a href="https://saintroma.com"><img src="css/images/image.png" alt="Альтернативное_название" width="100%" height="auto"></a>
</div>
<script type="text/javascript">
$(document).ready(function(){
$(".fader_img").fadeTo("fast", 0.0);
$(".fader_img").hover(function(){
$(this).fadeTo("fast", 1);
},function(){
$(this).fadeTo("fast", 0.0);
});
});
</script>
</div>
<script src="js/jquery.toggle-panel.js"></script>
<script>
$('.toggle-panel')
.TogglePanel({
ajax: {
settings: {
timeout: 1000,
},
},
hashWatch: true,
pauseMedia: true,
saveState: 'session',
});
$('.toggle-all').on('click', function() {
$('.toggle-panel').TogglePanel('toggle');
});
</script>

[saintroma]

Вот как выглядит.