Tab Content

[pirateIV]

• what can this be otherwise written as *

<div class="tab-content" id="tab1"> </div>
<div class="tab-content" id="tab2">
  Content for Tab 2
</div>
<div class="tab-content" id="tab3">
  Content for Tab 3
</div>
```html

[pirateIV]

<div role="tablist" aria-label="Programming Languages">
          <button role="tab" aria-selected="true" id="js">
            JavaScript
          </button>
          <button role="tab" aria-selected="false" id="ruby">
            Ruby
          </button>
          <button role="tab" aria-selected="false" id="php">
            PHP
          </button>
        </div>

        <div role="tabpanel" aria-labelledby="js">
          <p>JavaScript is great</p>
        </div>
        <div role="tabpanel" aria-labelledby="ruby" hidden> 
          <p>Ruby is great</p>
        </div>
        <div role="tabpanel" aria-labelledby="php" hidden>
          <p>PHP is great!</p>
        </div>
      </div>