menu - CSS counter on hidden submenu -

-

i'm trying make dropdown menu using nested <ul>, every <li> displaying number generated css counters.

sub-menus hidden display:none when not hovered.

my problem counters not incremented when element has display set none.

do know css property prevent this?

if replace display: none visibility: hidden, it's working i'm not sure if it's nice use menu, there traps?

you can mimick display: none (hidden) behavior setting font-size 0px , make element counted counter property.

.hidden{     font-size: 0px; }

demo

or, bit more complex version of above (mentioned hashem qolami in comments)

.hidden{     font: 0/0 a;      visibility: hidden; }

demo 2

note: visibility: hidden work leave space equivalent height of 1 line in output.

demo using visibility property


Comments

Post a Comment

Popular posts from this blog

c# - HttpResponseMessage System.InvalidOperationException -

-
quite simple problem i've got easy solve reckon brains. it's tried different queries on google , nothing popped hey that's why here. here error: system.invalidoperationexception basically error thrown on piece of code here string test = response.content.headers.getvalues("location").firstordefault(); location in fiddler looks this: location: https://www.redirecturlishere.com/blah here entire function: private async task<string> getrequest() { //httpcontent postcontent = new stringcontent(post, encoding.ascii, "application/x-www-form-urlencoded"); using (httpresponsemessage response = await httpclient.getasync( "http://www.cant-share-url.com")) { using (httpcontent content = response.content) { string test = response.content.headers.getvalues("location").firstordefault(); } } return ""; ...
Read more

sql - Postgresql error: "failed to find conversion function from unknown to text" -

-
i have following postgresql query: ( select '201405mase04' testid, count(*) totq, count(distinct case when se1 = '' null else se1 end) totse, case when count(*)=0 7 else count(distinct rc) end totrc eivtestitems ti, eivtests t ti.test_id = t.test_id , t.test_type_id = 1 , t.test_id= '201405mase04' , ti.omit <> 1 ), b ( select '201405mase04' testid, count(*) totq eivtestitems ti, eivtests t ti.test_id = t.test_id , t.test_type_id = 1 , t.test_id= '201405mase04' , ti.omit = 1 ), c ( select '201405mase04' testid, count(*) totq eivtestitems ti, eivtests t ti.test_id = t.test_id , t.test_type_id = 1 , t.test_id= '201405mase04' , ti....
Read more