The reasons why we want or need to hide part of our entry are many and here I leave one of the simplest I've found out there.
first thing to do is go to
Design> Edit Html
and paste just before \u0026lt;/ head>
the following script: \u0026lt;script type="text/javascript">
showSpoiler function (obj) {var inner
= obj.parentNode.getElementsByTagName("div")[0];
    if (inner.style.display == "none")
        inner.style.display = ""; padding: 3px;}
. spoiler.
inner {border: 1px solid # eee; padding: 3px; margin: 3px;}
Once done, save. From now on entries in which we want to include a button to show and hide a part of the post will include the following: \u0026lt;div
class="spoiler"> \u0026lt;input type = "button" onclick = "showSpoiler (this);" value = "Show / Hide" /> \u0026lt;div class = "inner" style = "display: none"> HERE TEXT TO HIDE \u0026lt; / div> \u0026lt;/ div> The result is this:
Here you go the answer to a question, solving a riddle, the proofreading staff a review opposition or whatever strikes your fancy.
Source: Digital Point
0 comments:
Post a Comment