What I have works perfectly in every browser but IE 6 and 7. The issue I have is not with the CSS ... I think. I'm unsure because I'm a jQuery and Superfish newb.
The menus drop down as expected but when I click the link it doesn't seem to do anything. It maybe some weird JS quirk ... but I'm at a loss as to what and or how to fix this. Thanks for you help in advance. // initialise plugins $(document).ready(function() { $('ul.sf-menu').superfish(); // Check for hash value in URL - needs more work come back to it later. var hash = window.location.hash.substr(1); var href = $('#nav li a').each(function(){ var href = $(this).attr('href'); if(hash==href.substr(0,href.length-5)){ var toLoad = hash+'.html'; $('#meterInfo').load(toLoad); } }); // The Functionality that brings in requested content from external page // This is the key to making this work. $('.nav li a').click(function(){ var toLoad = $(this).attr('href'); $('#meterInfo').slideUp('fast',loadContent); function loadContent(){ $('#meterInfo').load(toLoad,showNewContent); } function showNewContent(){ $('#meterInfo').slideDown(); } return false; }); }); - for the moment the Superfish CSS is unchanged, and I don't plan on changing anything other than colors.