changing CSS value with jquery -


when adapted-for-no-javascript page loads, 1 of styles loaded this:

//accordion open .accordionitemcollapsed, .accordionitem.is-collapsed {     max-height: 100%; }

that way accordion open , content visible users without javascript.

but when user has javascript enabled visits site, value changed automatically this:

//accordion collapsed .accordionitemcollapsed, .accordionitem.is-collapsed {     max-height: 0; }

how best jquery?

this quite elementary new jquery/js , bit lost googling solutions because search hits seem apply more complicated cases.

instead of changing or injecting css, suggest adding no-js class body/html/container , removing jquery.

your css this

.accordionitemcollapsed, .accordionitem.is-collapsed {     max-height: 0; }  .no-js .accordionitemcollapsed, .no-js .accordionitem.is-collapsed {     max-height: 100%; }

the jquery straightforward

$('html').removeclass('no-js');

this approach more efficient querying dom accordions , changing style property of every element.

in addition that, can reused other parts of website need have different styling when js not available.


Comments

Post a Comment

Popular posts from this blog

IF statement in MySQL trigger -

this query code in mysql trigger. if 1=2 select 'yes'; else select 'no'; end if; but has following error: if '1'='2' select 'yes' error code: 1064. have error in sql syntax; check manual corresponds mysql server version right syntax use near 'if '1'='2' select 'yes'' @ line 1 0.000 sec what solution?
Read more

c++ - What does MSC in "// appease MSC" comments mean? -

i run across // appease msc in c++ comments, e.g. here : const int& array::operator[](int offset) const { int mysize = getitssize(); if (offset >= 0 && offset < getitssize()) return ptype[offset]; throw xboundary(); return ptype[offset]; // appease msc! } what msc stand ? the author means microsoft's compiler, more formally known msvc.
Read more

android - MPAndroidChart - How to add Annotations or images to the chart -

i working latest mpandroidchart library , looking way add annotations or images clickable. example: once data reaches value event occurs want able display user - there multiple events can occur annotations (not sure if right word) or image added @ point in chart. any pointers welcome. check documentation of yaxis . focus on setspacetop(...) , setaxismaxvalue(...) methods. for background: bar-shadow , disable calling: barchart.setdrawbarshadow(false) or change color: bardataset.setbarshadowcolor(int color)
Read more