Collapse/Hide Properties Easily

My Style Carousel plugin can be configured to toggle visibility, including properties.

Here’s are the custom settings you might use:

{
  "buttons": {
    "props": {
      "refreshRate": 5,
      "hits": ["text-decoration: underline;", ""],
      "styles": [{
        "char": "\\eeaf",
        "style": ".pre-block {display: none}",
        "hits": ".pre-block"
      },{
        "char": "\\eeb0",
        "style": "div#main-content-container:hover .pre-block {text-decoration: underline wavy;}",
        "hits": ".pre-block"
      }]
    }
  }
}

Basically, you just have to figure out your CSS selectors. Find your selectors and you can hide/unhide anything.

Here is another selector you could use:

div.block-properties.page-properties
3 Likes