Строка 1: |
Строка 1: |
− | <ul class="tabs" data-tab>
| + | {{#tag:tabs| |
− | <li class="tab-title active"><a href="#panel1">Tab 1</a></li>
| + | {{#tag:tab|Foo|name={{{1|}}}}} |
− | <li class="tab-title"><a href="#panel2">Tab 2</a></li>
| + | {{#tab:{{{2|}}}|Bar}} |
− | <li class="tab-title"><a href="#panel3">Tab 3</a></li>
| + | |style=color:{{#if:{{{1|}}}|green|red}} }} |
− | <li class="tab-title"><a href="#panel4">Tab 4</a></li>
| |
− | </ul>
| |
− | <div class="tabs-content">
| |
− | <div class="content active" id="panel1">
| |
− | <p>This is the first panel of the basic tab example. You can place all sorts of content here including a grid.</p>
| |
− | </div>
| |
− | <div class="content" id="panel2">
| |
− | <p>This is the second panel of the basic tab example. This is the second panel of the basic tab example.</p>
| |
− | </div>
| |
− | <div class="content" id="panel3">
| |
− | <p>This is the third panel of the basic tab example. This is the third panel of the basic tab example.</p>
| |
− | </div>
| |
− | <div class="content" id="panel4">
| |
− | <p>This is the fourth panel of the basic tab example. This is the fourth panel of the basic tab example.</p>
| |
− | </div>
| |
− | </div>
| |
− | | |
− | <ul class="tabs vertical" data-tab>
| |
− | <li class="tab-title active"><a href="#panel11">Tab 1</a></li>
| |
− | <li class="tab-title"><a href="#panel21">Tab 2</a></li>
| |
− | <li class="tab-title"><a href="#panel31">Tab 3</a></li>
| |
− | <li class="tab-title"><a href="#panel41">Tab 4</a></li>
| |
− | </ul>
| |
− | <div class="tabs-content">
| |
− | <div class="content active" id="panel11">
| |
− | <p>This is the first panel of the basic tab example. You can place all sorts of content here including a grid.</p>
| |
− | </div>
| |
− | <div class="content" id="panel21">
| |
− | <p>This is the second panel of the basic tab example. This is the second panel of the basic tab example.</p>
| |
− | </div>
| |
− | <div class="content" id="panel31">
| |
− | <p>This is the third panel of the basic tab example. This is the third panel of the basic tab example.</p>
| |
− | </div>
| |
− | <div class="content" id="panel41">
| |
− | <p>This is the fourth panel of the basic tab example. This is the fourth panel of the basic tab example.</p>
| |
− | </div>
| |
− | </div>
| |