Hello all,
I am very new to JQuery and thought I'd go about teaching myself. I took three different codes I found online and combined them for my site.
I used:
accordion menu (http://www.i-marco.nl/weblog/jquery-accordion-3/)
a sliding menu and
coda-slider2.0 (http://www.ndoherty.biz/demos/coda-slider/2.0/#1)
The combined menu works great for my main navigation but the slider doesn't quite work. After doing a lot of problem solving, I discovered that the slider does not like my ul "menu" class in my navigation. If I remove the .menu from the ul... the slider works, but of course, my navigation no longer works.
Upon further investigation, I have come to the conclusion that my slider specifically does not like the accordion effect. Every time I disable the accordion, the slider works.
Here is a snippet of code to help give a better idea of what i mean...
<div id="navigation-block">
<ul class="menu">
<li>
<a href="#">Web</a>
<ul id="sliding-navigation" class="acitem">
<li class="sliding-element"><a class="xtrig" href="#1" rel="coda-slider-1">site 1</a></li>
<li class="sliding-element"><a class="xtrig" href="#2" rel="coda-slider-1">site 2</a></li>
<li class="sliding-element"><a class="xtrig" href="#3" rel="coda-slider-1">site 3</a></li>
<li class="sliding-element"><a class="xtrig" href="#4" rel="coda-slider-1">site 4</a></li>
<li class="sliding-element"><a class="xtrig" href="#5" rel="coda-slider-1">site 5</a></li>
<li class="sliding-element"><a class="xtrig" href="#6" rel="coda-slider-1">site 6</a></li>
</ul>
</li>
This is the only code in the js that calls that menu class:
$(document).ready(function() {$('.menu').initMenu();});
Here is a link to my site if that helps any...
http://www.inspiredbynight.com/test/v6/
Thank you sooooooo very much in advance to any help you could provide. I'm loosing sleep over this one.
gab