I attempted to create a dropdown menu using Superfish, but unfortunately, it doesn't seem to be functioning as expected. I have ensured that all scripts and links are correctly directed to the appropriate js/css files. Additionally, I have implemented the necessary script for the function to work properly, but it still isn't functioning. Note This is being done on static html.
In an effort to troubleshoot, I attempted to change the source file names to see if it was an issue with the source itself. However, after changing the file name, I am still able to access my main.css file but not the superfish.css or .js files. After comparing my implementation to other websites that use Superfish, everything seems to be in order.
<link href="http://localhost:8383/1004Project/public_html/css/superfish.css" rel="stylesheet" media="screen">
<script src="http://localhost:8383/1004Project/public_html/js/jquery.js"></script>
<script src="http://localhost:8383/1004Project/public_html/js/superfish.js"></script>
<script src="http://localhost:8383/1004Project/public_html/js/hoverIntent.js"></script>
<script>
jQuery(document).ready(function() {
jQuery('ul.sf-menu').superfish();
});
</script>
<nav id="primary-menu">
<ul class="sf-js-enabled">
<li><a href="ProjectStories.html"><div>Project's Stories</div></a></li>
<li><a href="Menus.html"><div>Menus</div></a></li>
<li><a href="Promotions.html"><div>Promotions</div></a></li>
<li><a href="CelebrationTips.html"><div>Celebration Tips</div></a></li>
<li class="sub-menu">
<a href="#" class="sf-with-ul">
<div>Help</div>
</a>
<ul style="display: none;">
<li>
<a href="FAQ.html"><div>FAQ</div></a>
</li>
<li>
<a href="Feedback.html"><div>Feedback</div></a>
</li>
<li>
<a href="ContactUs.html"><div>Contact Us</div></a>
</li>
</ul>
</li>
</ul>
</nav>
The objective of getting the dropdown menu to work has not been achieved, as there is no sign of the dropdown appearing.