improve show/hide function
This commit is contained in:
@@ -29,8 +29,12 @@
|
|||||||
<p>You can add a new Email account your primary and all other domains.<br />
|
<p>You can add a new Email account your primary and all other domains.<br />
|
||||||
Please do not add your domain, just everything in front of the @-symbol.</p>
|
Please do not add your domain, just everything in front of the @-symbol.</p>
|
||||||
<div class="more">
|
<div class="more">
|
||||||
|
<!--
|
||||||
<i class="show">Show »</i>
|
<i class="show">Show »</i>
|
||||||
<i class="hide">« Hide</i>
|
<i class="hide">« Hide</i>
|
||||||
|
-->
|
||||||
|
<button type="button" id="show" class="show">Show more »</button>
|
||||||
|
<button type="button" id="hide" class="hide">« Show less</button>
|
||||||
<br />
|
<br />
|
||||||
<form action="submit.php" method="post">
|
<form action="submit.php" method="post">
|
||||||
<label>Username:</label>
|
<label>Username:</label>
|
||||||
|
|||||||
@@ -50,7 +50,7 @@ button {
|
|||||||
color:#c00;
|
color:#c00;
|
||||||
font-weight:bold;
|
font-weight:bold;
|
||||||
}
|
}
|
||||||
#outer div.more i.hide {
|
#outer div.more button.hide {
|
||||||
display:none;
|
display:none;
|
||||||
}
|
}
|
||||||
#outer div.more p {
|
#outer div.more p {
|
||||||
@@ -61,10 +61,10 @@ button {
|
|||||||
}
|
}
|
||||||
|
|
||||||
/* clicked style div.click */
|
/* clicked style div.click */
|
||||||
#outer div.click i.show {
|
#outer div.click button.show {
|
||||||
display:none;
|
display:none;
|
||||||
}
|
}
|
||||||
#outer div.click i.hide {
|
#outer div.click button.hide {
|
||||||
display:block;
|
display:block;
|
||||||
}
|
}
|
||||||
#outer div.click p {
|
#outer div.click p {
|
||||||
|
|||||||
Reference in New Issue
Block a user