On click show a hidden image / grow

There will be two image items in one slide with the same image, one big and one small over it. I will hide the big image, and show it when I click on the small one.
two_images
I gave bigimage CSS Class to the big image, and put display:none; on it, so it would be hidden.
display_none
And used this code on the small image’s Even on mouseclick:

njQuery(".bigimage").is(":visible") ? njQuery(".bigimage").hide(500) : njQuery(".bigimage").show(500);

It will check, if the bigimage is visible, if it is, then it will hide it, and if it’s not, then it will show it.