Bulma Tabs

by zedsaid

HTML

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/css/bulma.min.css">
<div class="tabs is-medium">
  <ul>
    <li class="is-active"><a class="tab-1">Pictures</a></li>
    <li><a class="tab-2">Music</a></li>
    <li><a class="tab-3">Videos</a></li>
    <li><a class="tab-4">Documents</a></li>
  </ul>
</div>
<div class="tabs-content">
  <div class="content1">
  jkljkljklkljl
  </div>
</div>

JavaScript

$(".tabs a").click(function() {

	$(".tabs li").removeClass("is-active");
  $(this).parent().addClass("is-active");

});