Difference between revisions of "MobileApps-What does the coloring mean on the list of event?"
Jump to navigation
Jump to search
Line 1: | Line 1: | ||
<html> | <html> | ||
+ | <head> | ||
+ | <style> | ||
+ | container { | ||
+ | width:100%; | ||
+ | border:1px solid #d3d3d3; | ||
+ | } | ||
+ | .container div { | ||
+ | width:100%; | ||
+ | } | ||
+ | .container .header { | ||
+ | background-color:#d3d3d3; | ||
+ | padding: 2px; | ||
+ | cursor: pointer; | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | .container .content { | ||
+ | display: none; | ||
+ | padding : 5px; | ||
+ | } | ||
+ | </style> | ||
+ | </head> | ||
+ | |||
+ | |||
+ | <div class="container"> | ||
+ | <div class="header"><span>Expand</span> | ||
+ | |||
+ | </div> | ||
+ | <div class="content"> | ||
+ | <ul> | ||
+ | <li>This is just some random content.</li> | ||
+ | <li>This is just some random content.</li> | ||
+ | <li>This is just some random content.</li> | ||
+ | <li>This is just some random content.</li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | |||
<script> | <script> | ||
$(".header").click(function () { | $(".header").click(function () { | ||
Line 20: | Line 58: | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
</html> | </html> |
Revision as of 15:17, 19 December 2015
Expand
- This is just some random content.
- This is just some random content.
- This is just some random content.
- This is just some random content.