I'm having an issue with a Jquery hide/show toggle that works fine on its own but doesn't seem to integrate well with the rest of my site's code. I've been trying to troubleshoot it without success. Any suggestions on what might be causing the problem? Check out the code here
Here is the JQuery:
$('.menu').click(function(e){
$(this).find('.submenu').fadeToggle();
});
$('.submenu').click(function(e){
e.stopPropagation();
});
This is the HTML snippet:
<div id="gradient">
<div id="contain">
<div class="titles"></div></div>
<div class="menu">W o r k<div class="submenu">I m a g e</div></div>
<div id="menu3"><a href="http://studiopowell.net" target="_blank">I n f o</a></div>
</div>
And this is the associated CSS:
#contain{
/* styling properties */
}
.titles {
/* styling properties */
}
.submenu {
/* styling properties */
}
.menu {
/* styling properties */
}
#menu3 {
/* styling properties */
}