Is there any way that you could turn this current code into using child selectors (im assuming thats what you need?) so I can change the ul id= between like “hidden” and “open” (so hidden would be the normal properties like you already have in this code, and open would just be showing the child ul’s and li’s as if you were hovered over even when you aren’t)

and have the option for li class= between like “unselected” and “selected” (where unselected would just be the normal code how it is where when you hover over it, it lights up etc, and where selected has that item look selected normally)?

(here is a picture that shows exactly what I am talking about)
http://i.imgur.com/R7y2z.png

(Obviously if it’s too difficult, nevermind. I just think that it would be very cool because I could then easily just turn the classes into a PHP call class and have it read the URL so I can make it show the photo gallery is selected when they are on the photo gallery page and also have the UL menu opened up to show them the other similar pages (in the gallery) ie. Video Gallery and Before & After Gallery)

Do you know what I mean?/is this even possible to do with this current css3 menu? because I don’t even know where I would begin.

Thanks so much!

Alex

It’s almost 2 am here, so I’m a bit busted, but have you tried using child selectors? I’ve used some on this demo http://bit.ly/wdItmZ where perhaps you might also want to get inspiration regarding the hover/active state to open the sub menu using only CSS.

Anyway, I’ll play with it later this next week. I’ll notify you in email. Take care, Carlo

Many thnx for the set, just started to work with less and making a basic file for my future works. The palette is a good basic for expanding with the most recent colors. Fine work!

cheers, Roland

If you made this up from scratch, then I’m sure you could do it! I messed around a bit with the code and was able to make it so there was the 3rd and 4th ul and li’s and I also got to the point to where they would show themselves and slide down/hide when hovered over the previous list items etc. but the one issue I kept incurring was that I could not make it so it pushed down the row below it, but it would rather overlay it.

I was going to mess around this weekend and use PHP with the class of the items (class=”") and make it so I could make somewhat of a “selected” class to the particular item for whatever page it is currently on. I do feel as if this is going to be a lengthy processes (if even possible) as it is quite easy when using buttons and simply just changing the class button to button_selected by reading the URL if the page is currently selected, but I figured that I might give that a try to see what happens with it. I might have to rig it up somehow as I would have to tell whatever parent UL to change it’s class to a different structure to be opened and then tell the selected LI class to be opened and selected. Could be very interesting, I will try it out this weekend.

I was also curious for future reference, is there any quick way to make it so it would do all of this on click instead of hover? or would the involve a lengthy process of making things use javascript to do on click? I was just curious as sometimes when I hover over a long menu LI then to the UL below it, it kind of spazzes out and selected a UL way below where I am trying to select. Not a big deal though, I probably like it having the hover effect much better, but again I was just curious what onclick would look like.

Anyways, thanks for everything, and sounds great!

I’m assuming that you have my email as I put it in when I submitted this message so if you could get back to me on here or my email it would be nice as the form is currently broken on your contact page /:

Thanks again so much for everything!

Alex

I have been able to get it so the 3rd layer comes up, but the padding doesn’t come up and it just overlaps the previous text.

Is there any way that you could optimize it for 2 or 3 in instead of just 1 in and help me out?

Thanks so much! really enjoying this sidebar!