View Single Post
Old 06-06-2015, 06:35 AM   #5
MikeT!
Junior Member
MikeT! began at the beginning.
 
Posts: 9
Karma: 10
Join Date: May 2015
Device: Kobo
Quote:
Originally Posted by Turtle91 View Post
Split into more lists??
Lol, you're right

So, i create in CSS miniflex2 and miniflex3

The code now in Xhtml is
Code:
<h2>Index</h2>
<ul id="miniflex">
  <li><a href="../Text/colophon.xhtml" title="">Colophon</a></li>
 <li><a href="../Text/colophon.xhtml" onclick="if(document.getElementById('spoiler') .style.display=='none') {document.getElementById('spoiler') .style.display=''}else{document.getElementById('spoiler') .style.display='none'}" title="spoiler">Capitoli</a></li>
  </ul>  
   <ul id="miniflex3">
  <li><a href="../Text/playlist.xhtml" title="">Archivio Audio</a></li>
  <li><a href="../Text/Immagini.xhtml" title="">Archivio Immagini</a></li>
  <li><a href="../Text/Dettagli.xhtml" title="">Dettagli</a></li>
</ul>

  <div id="spoiler" style="display:none"> 
   <ul id="miniflex2">
  <li><a href="../Text/Capitolo1.xhtml" title="Capitolo 1">Capitolo 1</a></li>
  <li><a href="../Text/Capitolo2.xhtml" title="Capitolo 2">Capitolo 2</a></li>
  ...
  ...
    </ul>
  </div>


</body>
</html>
And all is ok!
Now the spoiler is perfect, with a little adjustment of CSS

Menu now is like this



Thank's all!!
MikeT! is offline   Reply With Quote