вся страница немного перемещается, когда выполняется функция show

Question

Я пытаюсь создать свой первый сайт www.angelosmavraidis.com Я вставил javascript, чтобы показать 8 разделов одного и того же класса, когда вы нажимаете на div «artwork». Проблема в том, что при щелчке по «обложке» и остальной части divs вся страница движется немного влево. Кто-нибудь знает, почему это происходит?

Также вы можете рекомендовать лучшую альтернативу следующему сценарию для выполнения этой работы?

$(document).ready(function(e) { 
    $('.mainmenu').each(function(index, element) { 
     $(this).click(function() { 
      $('.artwork').eq(index).show(); 
     }); 
    }); 
}); 

Благодаря

Answer 1

Используйте preventDefault здесь как

$(document).ready(function(e) { 
    $('.mainmenu').each(function(index, element) { 
     $(this).click(function(ev) { 
      ev.preventDefault(); 
      $('.artwork').eq(index).show(); 
     }); 
    }); 
});