Monday, November 10, 2008

Excessive Gas Causes More Condition_symptoms

Use a button Show / Hide on the blog (a spoiler, skip)

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 = "";     else
        inner.style.display = "none";     }
    </script>
Then, before saving, we add the following to the CSS, just before ]]>\u0026lt;/ b: skin>
:
. spoiler
{border: 1px solid # ddd;
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