I have two different instances of javascript on my page.
One runs a SlideOut Tab on the right, the other runs a Sound Cloud module on the footer called Stratus Bar. They don’t seem to want to run together. There are two different versions of java/jquery in the that run these which I suspect is the issue. Not sure what to do. Is there a version that can run both?
The wow slider is using one version of jQuery 1.7.2 while slide out is using 1.11.2
Remove the reference for the latest version of jQuery that you added for the slide out function.
The slide out should work fine with the earlier version that you are using for WOW but this may not be the root cause of your problem.
It may be that the soundcloud javascript is incompatible with jQuery.
You need to do a process of elimination. Try the page in turn without WOW, slide out and soundcloud and see which one breaks the page. But first try it without the line that calls jQuery for the slide out.
So yes. It now works.
The Stratus bar (Sound Cloud) needs to be first in the before the slide out and the slideOut jquery is not needed.
The Sound Cloud ref runs both.
Here you can find all the information you need about Volunteering at the Mary Rigg Neighborhood Community Center.
Hover over the main entrance to enter the Community Center. You will be guided through the center using arrows.
Check out different volunteer opportunities in each room. Roam the halls as if you were really there!
However the link is actually a block level link on a div with the image set as a background.
The slide-out plug in does not allow you to add this directly as in
<a href="your-link-here">
<div id="slide-out-div2" class="slide-out-div">
<a class="handle2" href="http://link-for-non-js-users">Content</a>
<p>
<a href=""><img src="http://smartytest.com/Wren/Resources/facebook.png" width="64" height="64" alt=""></a>
Here you can find all the information you need about Volunteering at the Mary Rigg Neighborhood Community Center.
Hover over the main entrance to enter the Community Center. You will be guided through the center using arrows.
Check out different volunteer opportunities in each room. Roam the halls as if you were really there!
</p>
</div>
</a>
Instead I had to create a new div within the parent, apply the bg image to that and then wrap the link around it.
Thank you for all of that. So I got the block link idea. What I’m after is to set up a linked(from) div inside the main div, and the ability to still have a background image in the main div.
You can see in this example I have the slideOut with a red background and a Facebook image inside. I now need to apply a link to the Facebook image that will take the visitor to Facebook.