t86

accordion function and styles.

by kontrach

CSS

div.tab-item{
    width: auto !important;
}
div.ui-accordion .ui-accordion-content{
    padding: 0px;
}
div.ui-widget{
    font-size: 1em;
}

JavaScript

$('.mm-t86-controls-container').after($('#product-description'));

/* add to basket btn */
MCR.EventManager.subscribe('ProductVariantSelectionChanged', function(){
    var isAddToBasketBtnActive, $addToBasketBtn;
    
    $addToBasketBtn        = $('#add-to-basket-button');
    isAddToBasketBtnActive = $addToBasketBtn.is(':visible');
    
    isAddToBasketBtnActive && clickOnAddToBasket();
    
    function clickOnAddToBasket(){
        $addToBasketBtn.click();
    }
    //console.log( $('#add-to-basket-button').is(':visible') ) 
});

/* accordion  */
var $tabs = $('#tabs .tab > a');


var $accordionContainer = $('<div class="mm-acc"></div>');

 $('div#tabs').prepend($accordionContainer);

$tabs.each(function(i, tab) {
  var $tab, $header, $content;

  $tab = $(tab);

  $header  = $('<h3>' + $tab.text() + '</h3>');
  $content = $( $tab.attr('href') ).clone();//.find('.inner');


  $accordionContainer.append($header).append($content);
}); 

$accordionContainer.accordion({
  heightStyle: "content"
});

$accordionContainer.css('clear', 'both');