Skip to content
GitLab
Switch branch/tag
Find file Normal viewHistoryPermalink
collapse.html 4.02 KB
Newer Older
fat's avatar
Adds isolated visual tests for javascript plugins (decoupled from docs). This makes it  
fat committed
1
2 
<!DOCTYPE html>
<html>
Bardi Harborow's avatar
Update visual tests.    
Bardi Harborow committed
3
4
5
6
7
8
9
10
11 
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <link rel="stylesheet" href="../../../dist/css/bootstrap.min.css">
    <title>Collapse</title>
  </head>
  <body>
    <div class="container">
      <h1>Collapse <small>Bootstrap Visual Test</small></h1>
fat's avatar
Adds isolated visual tests for javascript plugins (decoupled from docs). This makes it  
fat committed
12
Patrick H. Lauke's avatar
Remove incorrect aria-multiselectable    
Patrick H. Lauke committed
13 
      <div id="accordion" role="tablist">
Bardi Harborow's avatar
Update visual tests.    
Bardi Harborow committed
14
15
16 
        <div class="card">
          <div class="card-header" role="tab" id="headingOne">
            <h5 class="mb-0">
Pierre Vanduynslager's avatar
Accordion behavior with JQuery interface (#21726)    
Pierre Vanduynslager committed
17 
              <a data-toggle="collapse" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
Bardi Harborow's avatar
Update visual tests.    
Bardi Harborow committed
18
19
20
21 
                Collapsible Group Item #1
              </a>
            </h5>
          </div>
fat's avatar
Adds isolated visual tests for javascript plugins (decoupled from docs). This makes it  
fat committed
22
Pierre Vanduynslager's avatar
Accordion behavior with JQuery interface (#21726)    
Pierre Vanduynslager committed
23 
          <div id="collapseOne" class="collapse show" data-parent="#accordion" role="tabpanel" aria-labelledby="headingOne">
Mark Otto's avatar
Rename .card-block to .card-body to match nomenclature of modals    
Mark Otto committed
24 
            <div class="card-body">
Bardi Harborow's avatar
Update visual tests.    
Bardi Harborow committed
25
26 
              Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
            </div>
Johann-S's avatar
Collapse using card component    
Johann-S committed
27 
          </div>
Bardi Harborow's avatar
Update visual tests.    
Bardi Harborow committed
28
29
30
31 
        </div>
        <div class="card">
          <div class="card-header" role="tab" id="headingTwo">
            <h5 class="mb-0">
Pierre Vanduynslager's avatar
Accordion behavior with JQuery interface (#21726)    
Pierre Vanduynslager committed
32 
              <a class="collapsed" data-toggle="collapse" href="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
Bardi Harborow's avatar
Update visual tests.    
Bardi Harborow committed
33
34
35 
                Collapsible Group Item #2
              </a>
            </h5>
Johann-S's avatar
Collapse using card component    
Johann-S committed
36 
          </div>
Pierre Vanduynslager's avatar
Accordion behavior with JQuery interface (#21726)    
Pierre Vanduynslager committed
37 
          <div id="collapseTwo" class="collapse" data-parent="#accordion" role="tabpanel" aria-labelledby="headingTwo">
Mark Otto's avatar
Rename .card-block to .card-body to match nomenclature of modals    
Mark Otto committed
38 
            <div class="card-body">
Bardi Harborow's avatar
Update visual tests.    
Bardi Harborow committed
39
40
41
42
43
44
45 
              Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
            </div>
          </div>
        </div>
        <div class="card">
          <div class="card-header" role="tab" id="headingThree">
            <h5 class="mb-0">
Pierre Vanduynslager's avatar
Accordion behavior with JQuery interface (#21726)    
Pierre Vanduynslager committed
46 
              <a class="collapsed" data-toggle="collapse" href="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
Bardi Harborow's avatar
Update visual tests.    
Bardi Harborow committed
47
48
49 
                Collapsible Group Item #3
              </a>
            </h5>
Johann-S's avatar
Collapse using card component    
Johann-S committed
50 
          </div>
Pierre Vanduynslager's avatar
Accordion behavior with JQuery interface (#21726)    
Pierre Vanduynslager committed
51 
          <div id="collapseThree" class="collapse" data-parent="#accordion" role="tabpanel" aria-labelledby="headingThree">
Mark Otto's avatar
Rename .card-block to .card-body to match nomenclature of modals    
Mark Otto committed
52 
            <div class="card-body">
Bardi Harborow's avatar
Update visual tests.    
Bardi Harborow committed
53
54
55
56 
              Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
            </div>
          </div>
        </div>
fat's avatar
Adds isolated visual tests for javascript plugins (decoupled from docs). This makes it  
fat committed
57
58
59 
      </div>
    </div>
Johann-S's avatar
Collapse - preventDefault only on <a> elements not inside the collapsible    
Johann-S committed
60 
    <script src="../../../assets/js/vendor/jquery-slim.min.js"></script>
Bardi Harborow's avatar
Update visual tests.    
Bardi Harborow committed
61
62
63 
    <script src="../../dist/util.js"></script>
    <script src="../../dist/collapse.js"></script>
  </body>
fat's avatar
Adds isolated visual tests for javascript plugins (decoupled from docs). This makes it  
fat committed
64 
</html>