JQuery UI Tabs

PHP 29

$('.tab-wrap').tabs({
hide: {
effect: 'slideUp',
duration: 250
},
show: {
effect: 'slideDown',
duration: 250
}
});
<?php
$tabs = get_field('tabs-repeater');
$i = 1;
$n = 1;
?>
<div class="tab-wrap <?php echo $wrapClass; ?>">
<ul class="tab-navigation">
<?php foreach($tabs as $tab) { ?>
<li><a href="#tab-<?php echo $i; ?>"><?php echo $tab['tab_title']; ?></a></li>
<?php $i++; } ?>
</ul>
<?php foreach($tabs as $tab) { ?>
<div id="tab-<?php echo $n; ?>" class="tab-content"><?php echo $tab['tab_text']; ?></div>
<?php $n++; } ?>
</div>

Recent Pastes

Raw Paste