Good day. There is a site in development http://plast-pak.esy.es/ so far at the layout stage.
On the main one there is a very specific carousel, which for some reason does not allow you to completely access your elements through js. Why - I did not understand ... but this is not the point. Found a way to call ajax page with detailed information of the current element.
<button onclick="clickAlert();" class="clickDown">Подробнее</button> <script> function clickAlert() { $(this).click(function(){ $.ajax({ type: 'GET', dataType: 'html', url: 'item-1.html', success: function(response) { $('#projectInformation').html(response).slideDown('fast'); } }); $('.front-page > #main_wrap').slideUp(3000); $('.front-page > #menuBar').slideUp(3000); }); } </script>
Called page with details. It also has a button that closes the news and returns the reverse view of the main one.
<button onclick="clickAbort();" class="clickUp">Вернуться на главную</button> <script> function clickAbort() { $(this).click(function(){ $('.front-page > #main_wrap').slideDown(3000); $('.front-page > #menuBar').slideDown(3000); $('#projectInformation .full-node').remove(); }); } </script>
In the end, everything works the way it works. Everything is terrible and very incorrect. Please help me understand why this all works. Thank you in advance.