With the help of people on this site, I found the following script which achieves exactly what I need on a particular web page: any image, when clicked, will grow to a certain size, and revert to its original size when clicked again. However when I insert this script, the 'home' link (or any link to another page) no longer works on this page

. Can someone explain to me why this is? How can I solve this issue? My test browser is Firefox. I am a beginner at this, teaching myself to use Kompozer.
<script
src="
https://ajax.googleapis.com/ajax/lib.../jquery.min.js"
type="text/javascript"></script>
<script type="text/javascript">
$(document).toggle(function(){
$('img').click(grow);
}, function(){
$('img').click(shrink);
});
function grow(){
$(this).css('height','450px');
$(this).css('width','900px');
}
function shrink(){
$(this).css('height','150px');
$(this).css('width','300px');
}
</script>