Custom Toggle CSS not working

  • frejachristiana

    (@frejachristiana)


    8 years ago

    I have designed a custom toggle feature that is currently not working on this page: https://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)
  • Thread Starter frejachristiana

    (@frejachristiana)

    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)
  • The topic ‘Custom Toggle CSS not working’ is closed to new replies.