Ybooh: mudanças entre as edições

Edição das 17h14min de 24 de dezembro de 2024

Conteúdo da Tab 1.

Conteúdo da Tab 2.

Conteúdo da Tab 3.

@@ Linha 1: / Linha 1: @@
-<div class="menu-teste">
+<div class="tabs">
-    <div class="menu-item" data-target="content1">Parte 1</div>
+  <ul class="tab-titles">
-     <div class="menu-item" data-target="content2">Parte 2</div>
+     <li class="active"><a href="#tab1">Tab 1</a></li>
-     <div class="menu-item" data-target="content3">Parte 3</div>
+     <li><a href="#tab2">Tab 2</a></li>
-     <div class="menu-item" data-target="content4">Parte 4</div>
+     <li><a href="#tab3">Tab 3</a></li>
-</div>
+  </ul>
+  <div id="tab1" class="tab-content active">
-<div id="content1" class="content-section active">
+     <p>Conteúdo da Tab 1.</p>
-    <h3>Parte 1</h3>
+  </div>
-     <p>Texto da Parte 1</p>
+  <div id="tab2" class="tab-content">
-</div>
+     <p>Conteúdo da Tab 2.</p>
+  </div>
-<div id="content2" class="content-section">
+  <div id="tab3" class="tab-content">
-    <h3>Parte 2</h3>
+     <p>Conteúdo da Tab 3.</p>
-     <p>Texto da Parte 2</p>
+  </div>
-</div>
-<div id="content3" class="content-section">
-    <h3>Parte 3</h3>
-     <p>Texto da Parte 3</p>
-</div>
-<div id="content4" class="content-section">
-    <h3>Parte 4</h3>
-    <p>Texto da Parte 4</p>
 </div>