Помогите новичку сделать закрывающийся tab
Добрый день. Есть вот такой код:
// Tabs
$('body:not(.su-other-shortcodes-loaded)').on('click', '.su-tabs-nav span', function (e) {
var $tab = $(this),
data = $tab.data(),
index = $tab.index(),
is_disabled = $tab.hasClass('su-tabs-disabled'),
$tabs = $tab.parent('.su-tabs-nav').children('span'),
$panes = $tab.parents('.su-tabs').find('.su-tabs-pane'),
$gmaps = $panes.eq(index).find('.su-gmap:not(.su-gmap-reloaded)');
// Check tab is not disabled
if (is_disabled) return false;
// Hide all panes, show selected pane
$panes.hide().eq(index).show();
// Disable all tabs, enable selected tab
$tabs.removeClass('su-tabs-current').eq(index).addClass('su-tabs-current');
// Reload gmaps
if ($gmaps.length > 0) $gmaps.each(function () {
var $iframe = $(this).find('iframe:first');
$(this).addClass('su-gmap-reloaded');
$iframe.attr('src', $iframe.attr('src'));
});
// Set height for vertical tabs
tabs_height();
// Open specified url
if (data.url !== '') {
if (data.target === 'self') window.location = data.url;
else if (data.target === 'blank') window.open(data.url);
}
e.preventDefault();
});
// Activate tabs
$('.su-tabs').each(function () {
var active = parseInt($(this).data('active')) - 1;
$(this).children('.su-tabs-nav').children('span').eq(active).trigger('click') ;
tabs_height(0);
});
Работает как обычные табы, открываются при нажатии на вкладку, но не закрываются обратно. Помогите пожалуйста. В java новичок.
Буду признателен за любую помощь.
|