I believe I have conflicting JS files which are causing one of my files to action incorrectly. My page is a portfolio gallery and is made up of two separate things. The first is a Google Image style thumbnail expander, the 2nd is lightbox. As you can see in the link below this paragraph, when you click on a thumbnail it is supposed to expand, shunting the content below down, when closed it contracts, bringing the content back up. The second is just your bog standard lightbox, used on a number of images not suitable for the thumbnail expander, see links.
Expander example - http://tympanus.net/Tutorials/Thumbn...andingPreview/
Lightbox - http://lokeshdhakar.com/projects/lightbox2/
Each work perfectly separately, the problem I have is when I try to have them together on the same page. The lightbox conflicts so that instead of expanding/contracting with shunting the content down or up, the expanded section shunts the content down just appears, and when it's closed it just disappears without bringing the content back up.
All the JS is linked JS with the exception of one small piece.
located in the head -
Located at the bottom just before the </body> tag -
The conflicting file itself (i believe) is js/jquery-1.7.2.min.js
Can anyone help me with what I can do to try and fix this?
Many many thanks.