Witam Was. Chciałbym zrobić fajne dropdown, właściwie je zrobiłem, tylko to nie działa do końca tak jak powinno no i powinno być zrobione bardziej fachowo, dlatego pytam Was o radę. Ma wyglądać tak jak na obrazku:


A więc są elementy menu pierwszego levela czyli "home", "lorem" dolor itd..
Po kliknięciu na ten pierwszy level wyświetla się zagnieżdzony ul. Nic wielkiego. No własnie - ale chciałbym, by jeszcze po nejachaniu na "jeden element MENUITEM" wyświetlała się ikonka danej strony no i jakiś tekst. Mało tego - jeśli teraz przejdziemy do DOLOR i rozwiniemy, nie może być białego pustego pola z prawej strony tylko wyświetlić się np. pierwszy.

[HTML] pobierz, plaintext 
  1. <ul>
  2. 		<li>Lorem lipsum
  3. 			<ul>
  4. 				<li>produkt menuitem
  5. 					<div><img />Lorem lipsum dolro sit amet</div>
  6. 				</li>
  7. 				<li>produkt menuitem
  8. 					<div><img />Lorem lipsum dolro sit amet</div>
  9. 				</li>
  10. 				<li>produkt menuitem
  11. 					<div><img />Lorem lipsum dolro sit amet</div>
  12. 				</li>
  13. 				<li>produkt menuitem
  14. 					<div><img />Lorem lipsum dolro sit amet</div>
  15. 				</li>
  16. 				<li>produkt menuitem
  17. 					<div><img />Lorem lipsum dolro sit amet</div>
  18. 				</li>
  19. 				<li>produkt menuitem
  20. 					<div><img />Lorem lipsum dolro sit amet</div>
  21. 				</li>
  22. 			</ul>
  23. 		</li>
  24. 		<li>Lorem dolor
  25. 			<ul>
  26. 				<li>produkt menuitem
  27. 					<div><img />Lorem lipsum dolro sit amet</div>
  28. 				</li>
  29. 				<li>produkt menuitem
  30. 					<div><img />Lorem lipsum dolro sit amet</div>
  31. 				</li>
  32. 				<li>produkt menuitem
  33. 					<div><img />Lorem lipsum dolro sit amet</div>
  34. 				</li>
  35. 				<li>produkt menuitem
  36. 					<div><img />Lorem lipsum dolro sit amet</div>
  37. 				</li>
  38. 				<li>produkt menuitem
  39. 					<div><img />Lorem lipsum dolro sit amet</div>
  40. 				</li>
  41. 				<li>produkt menuitem
  42. 					<div><img />Lorem lipsum dolro sit amet</div>
  43. 				</li>
  44. 			</ul>
  45. 		</li>
  46. 		<li>Lorem ellera
  47. 			<ul>
  48. 				<li>produkt menuitem
  49. 					<div><img />Lorem lipsum dolro sit amet</div>
  50. 				</li>
  51. 				<li>produkt menuitem
  52. 					<div><img />Lorem lipsum dolro sit amet</div>
  53. 				</li>
  54. 				<li>produkt menuitem
  55. 					<div><img />Lorem lipsum dolro sit amet</div>
  56. 				</li>
  57. 				<li>produkt menuitem
  58. 					<div><img />Lorem lipsum dolro sit amet</div>
  59. 				</li>
  60. 				<li>produkt menuitem
  61. 					<div><img />Lorem lipsum dolro sit amet</div>
  62. 				</li>
  63. 				<li>produkt menuitem
  64. 					<div><img />Lorem lipsum dolro sit amet</div>
  65. 				</li>
  66. 			</ul>
  67. 		</li>
  68. 		<li>Lorem kontakt</li>
  69. 	</ul>
[HTML] pobierz, plaintext


Jak to ugryźć najlepiej? Zrobiłem tak, że po kliknieciu na pierwszy ul li owteira nam się wiadomo ul li ul. No ale jak zrobić te n hover po najechaniu na ul li ul li ? No i żeby pierwszy miał display block i to wszytsko ułożyć żeby wyśw. się tak jak na obrazku? Czekam na wskazówki, pomoc...

nikt nie pomoże?