WebSite X5Help Center

 
Paul W.
Paul W.
User

Overlapping Html  en

Author: Paul W.
Visited 925, Followers 1, Shared 0  

I am looking to have some code written to do "overlapping html" . The web page is www.strategysession.CA the end result is I would like the text that is in italics visible only when Disclosure is clicked on. 
is this something that can be done?

Any recommendations.

please advise
thank you
Paul

Posted on the
1 ANSWERS - 1 CORRECT
Paul M.
Paul M.
Moderator

Hello J P,

You could do this with either JavaScript or jQuery, although it will involve the use of custom code and manual editing of the HTML which WebSite X5 produces.

The following articles should point you in the right direction if you decide to use JavaScript...

https://forums.digitalpoint.com/threads/hiding-unhiding-a-div-with-javascript.2688626/

http://stackoverflow.com/questions/20997687/javascript-hiding-and-showing-div-tag-with-a-toggle-button

However, WebSite X5 includes the jQuery library as standard, so it may be even easier (and neater?) to make use of the jQuery hide() and show() methods:

http://www.w3schools.com/jquery/jquery_hide_show.asp

If you're not familiar with scripting then I'd strongly recommend an alternative method of hiding the text, such as linking to it via a Showbox, which is something which can be done quickly and easily using WebSite X5's built-in tools.

http://help.websitex5.com/en/v11/evo/index.html?stile_showbox.htm

http://help.websitex5.com/en/v11/evo/index.html?ins_link.htm

Kind regards,

Paul

Read more
Posted on the from Paul M.