I am looking to implement a "load more" button for an Instagram feed on my website. My current approach involves increasing the height of a specific section while moving the rest of the page down. This is what I have tried:
<script>
$(document.ready(function(){
$('#movedown').click(function(){
$('.galleryback').animate({
'minHeight' : "+= 50%"
});
// All other elements being animated
});
}));
</script>
Essentially, on button click, I want to increase the height of one section and move all other elements downwards by 50%. However, I believe there may be a more efficient way to achieve this as using JavaScript directly might not be the optimal solution.
Currently, I am encountering an error stating that the function is undefined. Any guidance or suggestions on how to resolve this issue would be greatly appreciated.