DarleenVanliewf
New Member
I have a list which has one primary list name, and 10 sublists under it, which i don't want to display on my html page at a time. I want to display 4 sublists on the page and a link as "more". The moment I hover my mouse on the "more" link, it should show the rest sublinks.This is my code :\[code\] <script src="http://stackoverflow.com//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"> </script> <script> $(document).ready(function(){ $("#planning_more").hover(function(){ $("#planning_panel").slideToggle("fast"); }); }); </script> <style type="text/css"> <!-- #planning_panel,#planning_more { text-align:center; } #planning_panel { padding:50px; display:none; } --> </style> <table class="style46"> <tr><td><font color="#0000FF" face="Georgia, Times New Roman, Times, serif" size="4" >Planning</font></td></tr> <tr><td>web-ecommerce--where-to-begin</td></tr> <tr><td>introduction-to-ecommerce</td></tr> <tr><td>web-site-analysis----a-study-in-damag</td></tr> <tr><td>set-up-your-own-blog-free</td></tr> <tr id="planning_more"><td align="right">More...</td></tr><br> <div id="planning_panel"> planning </div>\[/code\]But this is not working. Kindly help.