FUNCTION SHOWHIDE HOW TO
FUNCTION SHOWHIDE CODE

(The CSS display declaration needs to be inline for every div or other HTML container that is to be shown or hidden with the PowerhouseShowHide() function.) The 'ID' part of the ID=Value set is the id of the div or other HTML element with an inline CSS display property. PowerhouseShowHide() updates the display property value of the container according to the information in each ID=Value set. PowerhouseShowHide('one=block','two=none','three=inline','four=table') PowerhouseShowHide('an-id=block','another-id=none') Multiple ID=Value sets are comma-separated.

It expects to receive instructions in the ID=Value format. This W3schools page lists valid values with descriptions. The things it can do is change the CSS display property value for any HTML element where display is a valid CSS property. In essence, you give PowerhouseShowHide() a list of things it can do and it does them. To close this individual div, click this close link. The second of three divs opened with a click on the relevant link. The first of three divs opened with a click on the relevant link. The third of three divs opened with a click on the relevant link. No customization of the PowerhouseShowHide() function is required. It can be hard coded into the page or imported from an external file. The JavaScript PowerhouseShowHide() function needs to be somewhere on the page for it to be used. But first, here's the Powerhouse Show/Hide JavaScript function. Reveal one or more divs with one click, or when the mouse moves over an existing div, or when the site visitor has been on the page for a certain amount of time.Īdjust the display property of any number of divs with one call to the PowerhouseShowHide() function. Reveal a bunch of divs each with their own 'hide' button.

Optionally, simultaneously (i) hide the link or button clicked on and (ii) reveal a link or button to hide the div again. Use the function for virtually all your hide/show needs. Hide or reveal divs that are popups or sliders, divs that contain an iframe, span tags with an image, or entire tables. Simply feed the ids and actions to the function and it does the rest.

Show or hide as many divs as desired - with one JavaScript function call. The show/hide JavaScript function in this article is one of them. With 24 years experience, there are a few in my toolbox. There is a handy, short, powerhouse JavaScript function for showing and hiding divs (or other HTML tag containers, like span, table, etc).Īs programmers gain experience over the years, the tools they use evolve. Thanks.Powerhouse JavaScript Function for Show/Hide I will provide as much information as I can if more is needed.

FUNCTION SHOWHIDE HOW TO

The accordion opens correctly, but once you choose a link it closes back down and I am trying to figure out how to keep it open.

FUNCTION SHOWHIDE CODE

I am wanting to know if that script code could be/is what is being used to control a line of code like this: The rest of the page is set up in a table format. If(document.getElementById(divId).style.display = 'none')ĭocument.getElementById(divId).style.display='inline' ĭocument.getElementById(divId).style.display = 'none' There is this piece of script coding on there: function showHide(divId) There is an accordion menu on the main frame page. It's on 3D Cart if anyone is familiar with that system. I am working on a e-commerce site for a client that I picked up when I started a new job.

Function showhide