jquery - Trying to use display:none on eliminating a couple of H2 elements from an accordion-style element -
jquery - Trying to use display:none on eliminating a couple of H2 elements from an accordion-style element -
i’ve spent of day trying create responsive style accordion elements wordpress based accordion-style plugin. part….success!
but not completely. way plugin works displays categories menu, don’t want them displayed. want couple eliminated , i’ve tried numerous attempts no avail.
the menu doesn’t utilize ul li elements produce code. uses div’s , h2 elements produce it. , in case, h2’s command navigation on left. this:
<h2 class='fp_menu_sub_section tint_menu 16 collapsable' data-name='red wine' data-src=''>red wine<span class='fp_menu_expand'></span></h2>
that’s 1 of h2’s i’m trying turn off. i’ve tried few approaches. following:
body.page-id-354 .fp_menu_sub_section .16 {display: none !important;} body.page-id-354 .fp_menu_sub_section.tint_menu.16 {display: none !important;} body.page-id-354 .foodpress_menu h2:nth-child(15) {display: none !important;}
these don’t work.
now turn navigation off:
body.page-id-354 .fp_menu_sub_section {display: none !important;}
i need turn off couple of them. not every one.
here’s page in question: http://upsilon.lunariffic.com/~panch2/collapisble-menu/
anyone have solution how can , create work? in advance.
there's no space in !important
declaration. that's issue here, each 1 of homecoming invalid property.
jquery css wordpress css3 accordion
Comments
Post a Comment