src/third_party/polymer/components-chromium/core-collapse/demo.html

   1 <!doctype html>
   2 <html>
   3 <head>
   4
   5   <title>core-collapse</title>
   6
   7   <script src="../platform/platform.js"></script>
   8
   9   <link rel="import" href="core-collapse.html">
  10
  11   <style>
  12     body {
  13       overflow: auto;
  14       margin: 8px 24px;
  15     }
  16
  17
  18     .box {
  19       background: #eee;
  20     }
  21
  22     .content {
  23       margin: 10px;
  24     }
  25
  26     section {
  27       padding: 10px;
  28     }
  29
  30   </style>
  31
  32 </head>
  33 <body unresolved>
  34
  35   <section style="background: steelblue;">
  36
  37     <button onclick="document.querySelector('#collapse1').toggle()">toggle collapse</button>
  38
  39     <core-collapse id="collapse1" fixedSize class="box" style="height: 300px;">
  40       <div class="content">Forma temperiemque cornua sidera dissociata cornua recessit innabilis ligavit: solidumque coeptis nullus caelum sponte phoebe di regat mentisque tanta austro capacius amphitrite sui quin postquam semina fossae liquidum umor galeae coeptis caligine liberioris quin liquidum matutinis invasit posset: flexi glomeravit radiis certis invasit oppida postquam onerosior inclusum dominari opifex terris pace finxit quam aquae nunc sine altae auroram quam habentem homo totidemque scythiam in pondus ensis tegit caecoque poena lapidosos humanas coeperunt poena aetas totidem nec natura aethera locavit caelumque distinxit animalibus phoebe cingebant moderantum porrexerat terrae possedit sua sole diu summaque obliquis melioris orbem</div>
  41     </core-collapse>
  42
  43   </section>
  44
  45   <section style="background: seagreen;">
  46
  47     <button onclick="document.querySelector('#collapse2').toggle()">toggle collapse</button>
  48
  49     <core-collapse id="collapse2" class="box">
  50
  51       <div class="content">Coercuit iunctarum vix sic aberant spisso imagine litem cetera nubes ambitae tanta usu circumfuso fulminibus umentia rectumque iuga pluviaque meis semina regat ne campoque meis coeperunt nix cura iunctarum ligavit: secant ventos seductaque permisit sic iunctarum locoque his coeptis tum terras animalia recepta aethera cornua invasit tollere videre tonitrua humanas otia tuba alta dissociata sanctius adsiduis inclusum caesa ita onus sine pluviaque litem manebat fixo extendi ubi inposuit cum sublime membra undas orba forma deducite aethera turba coercuit retinebat obliquis bracchia nisi mentisque origine peregrinum manebat</div>
  52
  53       <section style="background: lightgreen;">
  54
  55         <button onclick="document.querySelector('#collapse3').toggle()">toggle collapse</button>
  56
  57         <core-collapse id="collapse3" class="box" opened>
  58
  59           <div class="content">Forma temperiemque cornua sidera dissociata cornua recessit innabilis ligavit: solidumque coeptis nullus caelum sponte phoebe di regat mentisque tanta austro capacius amphitrite sui quin postquam semina fossae liquidum umor galeae coeptis caligine liberioris quin liquidum matutinis invasit posset: flexi glomeravit radiis certis invasit oppida postquam onerosior inclusum dominari opifex terris pace finxit quam aquae nunc sine altae auroram quam habentem homo totidemque scythiam in pondus ensis tegit caecoque poena lapidosos humanas coeperunt poena aetas totidem nec natura aethera locavit caelumque distinxit animalibus phoebe cingebant moderantum porrexerat terrae possedit sua sole diu summaque obliquis melioris orbem</div>
  60
  61           <section style="background: #00FF99;">
  62
  63             <button onclick="document.querySelector('#collapse4').toggle()">toggle collapse</button>
  64
  65             <core-collapse id="collapse4" class="box">
  66
  67               <div class="content">Forma temperiemque cornua sidera dissociata cornua recessit innabilis ligavit: solidumque coeptis nullus caelum sponte phoebe di regat mentisque tanta austro capacius amphitrite sui quin postquam semina fossae liquidum umor galeae coeptis caligine liberioris quin liquidum matutinis invasit posset: flexi glomeravit radiis certis invasit oppida postquam onerosior inclusum dominari opifex terris pace finxit quam aquae nunc sine altae auroram quam habentem homo totidemque scythiam in pondus ensis tegit caecoque poena lapidosos humanas coeperunt poena aetas totidem nec natura aethera locavit caelumque distinxit animalibus phoebe cingebant moderantum porrexerat terrae possedit sua sole diu summaque obliquis melioris orbem</div>
  68
  69             </core-collapse>
  70
  71           </section>
  72
  73         </core-collapse>
  74
  75       </section>
  76
  77       <div class="content">Obstabatque cingebant nitidis rapidisque cepit moderantum discordia habentia frigore solidumque fert inter caecoque sine coeperunt corpore quarum fluminaque coercuit vultus animal austro quem os sectamque animus origo solidumque quoque melioris adspirate recepta utramque rapidisque caelumque orba unus pluviaque erant mutastis gravitate illic quisque alta calidis speciem mixtam ante contraria duae</div>
  78
  79     </core-collapse>
  80
  81   </section>
  82
  83 </body>
  84 </html>