html - How to add submenu to zurb foundation Side Nav -

-

I'm looking for side nav with multilevel objects by default Zbust Foundation 5 The sub menu does not support due to the reason. 

  & lt; Ul class = "side-nav" & gt; & Lt; Li & gt; & Lt; A href = "#" & gt; Link 1 & lt; / A & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; A href = "#" & gt; Link 2 & lt; / A & gt; & Lt; / Li & gt; & Lt; Li class = "divider" & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; A href = "#" & gt; Link 3 & lt; / A & gt; & Lt; / Li & gt; & Lt; Ul & gt; & Lt; Li & gt; & Lt; A href = "#" & gt; Link 1 & lt; / A & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; A href = "#" & gt; Link 2 & lt; / A & gt; & Lt; / Li & gt; & Lt; / Ul & gt; & Lt; Li & gt; & Lt; A href = "#" & gt; Link 4 & lt; / A & gt; & Lt; / Li & gt; & Lt; / Ul & gt;

For sub-menus it can be changed to support submenus for sub-menus like a down arrow or + sign.

To do this, you have to change the side-nav markup and add some CSS and JS. 

  & lt; ul class = "side-nav"> 
  
 Lt; li & gt; Link: 1 & lt; / a & gt; & lt; ul & gt; & lt ;! - UL added inside Lee - & gt; Lt; li & gt; & lt; a href = "#" & gt; Sub Link 1  
  •  
  •  
  •  
  •  
  •  <3> 
  •  
  •  
  •  <3>  & lt; / Li> 
  •

    • js 

      $ ('.pd- nav li: is ("ul")'). Children ('ul'). Hide submenu $ ('.ide-NAV li: is ("ul")'). AddClass ('haschildren'); // add class to li ul child $ ('.seed-nav li: has ("ul")). Click (function () {$ (this) .toggleClass ("active") // Click to add active category menu items $ (this) .Kids ('ul'). Slide toggle (); // Toggle submenu });

    css 

      .hasChildren: {Before content: "+"; Swim left; } .hasChildren.active: {Before Content: "-"; }


    Comments

    Post a Comment

    Popular posts from this blog

    c++ - C/pp Sockets, recv()/send() works only under gdb -

    -
    Edit: In the socket: The CanReceive () argument was the reason I was checking the input 1 millisecond While stepping into GDB, everything worked out. I have a problem with C sock send () / recv () do nothing if they are in non-debug mode. Even if std :: cout can not return their return value for some reason std :: cout is not working in my method I std: : Cerr can not even make a mistake It does not make sense to check that in GDB, because everything works perfectly as a virus in non-debug mode. C does not. //b - buffer // s - size // sd - socket descriptor int32_t TCP :: reception (char * b, uint32_t s) {error :: critical. SetErrorNumber (error: List :: noor); If (! Socket :: valid (sd)) {error :: serious .sitemember (error :: list :: invalid socket); Return -1; } If (Disconnect ()) {Error :: Critical. SetErrorNumber (Error :: List :: Notepanked); Return -1; } If returned (! Socket :: canvasive (SD, readtimeout)) incorrect; If (! B) {B = new four [S + 1]; Std :: mem...
    Read more

    GO: Serve static pages -

    -
    I'm trying to display a static page with Go. Go: Package main import "net / http" function main () {fs: = http.FileServer (http.Dir ("static / house")) Http: .handle ("/", fs) http.ListenAndServe (": 4747", zero)} directory: project / stable home Html edit.html project.go When I run it, the web page displays links to edit.html and home.html instead of displaying a static page from home.html is. What am I doing wrong. Is this the best way to serve files? I know that there are other ways like From the HTML / templates package, but I'm not sure what is the difference between each of these methods and when. Thanks! fancy main () {http.Handle ("/", http.FileServer (Http) .ir ("static")) http.ListenAndServe (": 4747", zero)} You do not need static / home , just Static . and when you do not have index.html in / static , the directory instead Content appears. Just change the name of...
    Read more

    objective c - How to open front/back camera at the same time in iOS developing? -

    -
    I want to use the front and rear camera at the same time in iOS development: when I take a photo back After the camera, the front camera can be opened and another can take a photo. By the way, these two photos are in a picture: vertical arrangement. Has anyone done this before? UIImagePickerController to take the picture, and to determine which camera is used Is in. / P> To merge the pictures, I found an example through search (its recommendation in the future)
    Read more