Custom Toggle CSS not working

  • frejachristiana

    (@frejachristiana)


    9 years, 5 months ago

    I have designed a custom toggle feature that is currently not working on this page: http://www.oliveschoice.com/portfolio/ . When the toggle at the top is unchecked, the first div (Gareth Coates Solicitors) should disappear. The toggle works outside of the website, I have also contacted the theme developers and they have assured me the theme is not interfering with this feature. I have tried disabling all my plugins to no effect. I am not sure what else to try, perhaps someone will be able to help me!

    HTML:

    <label for="toggle-pr">Public Relations</label>
<input id="toggle-pr" name="toggle" type="checkbox" checked>

<div class="publicRelations>
Gareth Coates Solicitors etc...
</div>

    CSS:

    input#toggle-pr[type="checkbox"]:not(:checked) ~ .publicRelations {
display: none;
}

    Thank you in advance!

Viewing 31 replies (of 31 total)
1 2 3
  • Thread Starter frejachristiana

    (@frejachristiana)

    9 years, 5 months ago

    Well on the original portfolio page, nothing happens when you click on either of the toggles (which is not what should happen). On the second page I just linked you, everything is fine, but earlier the custom jQ was disabling the javascript on that page.

Viewing 31 replies (of 31 total)
1 2 3

The topic ‘Custom Toggle CSS not working’ is closed to new replies.