Jquery Tabs and Reveal Modal conflict!

Jquery Tabs and Reveal Modal conflict!

First, I am a newbie and not a coder so apologies in advance. I have implemented the Jquery Tools tabs (jquerytools.org/demos/tabs/index.html) on my page and it works as expected. I can tab back and forth without issue. I have since added the reveal Jquery Modal plugin (zurb.com/playground/reveal-modal-plugin) to links inside each of the tabs. When I load the page, I can go to any one tab and click a link in that tab and the modal will work perfectly. the problem is, when I then click on ANY other tab, and then try and click on a modal link, the overlay doesnt appear and after clicking on a few tabs it freezes.

So basically, the tabs work, but the modal links only work in the first tab i click them in, but no tabs thereafter. I am not code orientated, but I have tried a hundred different possible fixes I've found across the internet but to no avail. If anyone has any idea how to fix this conflict so that the reveal modal links work in all tabs, I would really appreciate it.

In terms of the code, I downloaded the plugins as they are in the links above, so apart from editing paths in the script srcs in the head, they are pretty much as downloaded. The <head> section has them in this order (its the only order it will work in):

<link rel="stylesheet" href="css/tabs.css" />
<link rel="stylesheet" href="css/reveal.css">

<script src="js/jquery-1.10.2.min.js"></script>
<script src="js/jquery.tools.min.js"></script>
<script src="js/jquery.reveal.js"></script>

thanks in advance for any help you can give! If you need me to provide the reveal.js code or anything let me know (it's unchanged from the download).