getfluid
3/9/2018 - 7:23 PM

Accordion content beneath each row

Accordion content beneath each row

$('.accordion-opener').click(function() {
  // Breakpoints to match the markup
  var columns;
  if (Foundation.MediaQuery.atLeast('small')) {
    columns = 2;
  }
  if (Foundation.MediaQuery.atLeast('keiki')) {
    columns = 3;
  }
  if (Foundation.MediaQuery.atLeast('tablet')) {
    columns = 4;
  }
  var index = $(this).parent().index() + 1;
  var insert = Math.ceil(index / columns) * columns;

  $.get('/wp-content/themes/liquid/templates/components/single-partners.php?partner_id='+$(this).data('id'), function(data) {
    $('.accordion-contents').remove();

    if($('.partners .columns:nth-child('+insert+')').length) {
      $('.partners .columns:nth-child('+insert+')').after(data);
    } else {
      $('.partners > .row').append(data);
    }

  });
});