Title: Custom Toggle CSS not working
Last modified: November 22, 2016

---

# Custom Toggle CSS not working

 *  [frejachristiana](https://wordpress.org/support/users/frejachristiana/)
 * (@frejachristiana)
 * [9 years, 5 months ago](https://wordpress.org/support/topic/custom-toggle-css-not-working/)
 * I have designed a custom toggle feature that is currently not working on this
   page: [http://www.oliveschoice.com/portfolio/](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)

[←](https://wordpress.org/support/topic/custom-toggle-css-not-working/page/2/?output_format=md)
[1](https://wordpress.org/support/topic/custom-toggle-css-not-working/?output_format=md)
[2](https://wordpress.org/support/topic/custom-toggle-css-not-working/page/2/?output_format=md)
3

 *  Thread Starter [frejachristiana](https://wordpress.org/support/users/frejachristiana/)
 * (@frejachristiana)
 * [9 years, 5 months ago](https://wordpress.org/support/topic/custom-toggle-css-not-working/page/3/#post-8502590)
 * 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)

[←](https://wordpress.org/support/topic/custom-toggle-css-not-working/page/2/?output_format=md)
[1](https://wordpress.org/support/topic/custom-toggle-css-not-working/?output_format=md)
[2](https://wordpress.org/support/topic/custom-toggle-css-not-working/page/2/?output_format=md)
3

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

## Tags

 * [css](https://wordpress.org/support/topic-tag/css/)
 * [custom](https://wordpress.org/support/topic-tag/custom/)
 * [display](https://wordpress.org/support/topic-tag/display/)
 * [hidden](https://wordpress.org/support/topic-tag/hidden/)
 * [toggle](https://wordpress.org/support/topic-tag/toggle/)
 * [trouble-shooting](https://wordpress.org/support/topic-tag/trouble-shooting/)

 * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 31 replies
 * 2 participants
 * Last reply from: [frejachristiana](https://wordpress.org/support/users/frejachristiana/)
 * Last activity: [9 years, 5 months ago](https://wordpress.org/support/topic/custom-toggle-css-not-working/page/3/#post-8502590)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics