
'hide' : '.rv_element:not(.
#Wordpress nested showhide code#
'hide' : '.rv_element:not(.rv_element_2)', Ive got this piece of CSS/HTML code that works good on jsfiddle and when I do a test. To solve this, you can use the following JavaScript / jQuery code, which will replace Divi's handling of clicks on the toggle title with one that won't affect nested toggles. Columns hidden by unticking of the Visible on front-end checkbox, or clicking on Show/hide the column, will not be displayed to the front-end users. We would like keep this functionality, but. Example usage: showhide type'pressrelease'Press Release goes in here. Similar to what Engadget is doing for their press releases. Right now it will show/hide this carousel-item if one of the two product categories have widgets. WP-ShowHide By Lester 'GaMerZ' Chan Details Reviews Development Support Description By default the content is hidden and user will have to click on the Show Content link to toggle it.

We are able to show/hide these categories (sidebars) via the code below. I have a theme that displays a menu of products via widgets. Normally, there is only one, but in your case, each of the sub-modules has its own content element and they are all being affected by the click on the parent toggle. Wordpress nested if isactivesidebar within another isactivesidebar. Show/Hide Section on a Page through a Referral Link.
#Wordpress nested showhide how to#
The issue is that when the Divi toggle module's title is clicked, it toggles the visibility of any and all toggle content elements contained within it. How To Hide PHP Warnings And Notices On Your WordPress site How to Increase WordPress Memory Limit. Hi Martina, you're using the instructions from this post on nesting modules within other modules, right? Now you should see an effect similar to this (left column is set to toggle, center to show, and right to hide): The Show-Hide/Collapse-Expand plugin helps you manage the amount of content to show on your website. Setup the button as per step 1, and give each element you want to be affected by the button the appropriate class (in the case of the example code this would be either "toggle-on-click", "hide-on-click" or "show-on-click"). Nesting divs inside of labels is not valid html. Also try changing the divs inside of the labels to spans. The paragraph tags are gone, but your labels are still nested incorrectly. It makes sense to hide such elements initially using CSS, as done for the ".show-on-click" class in the style block above. Ask Question Asked 8 years, 2 months ago. Subsequent clicks won't affect their visibility.


