Menu icon Foundation
Foundation 4.x tabs and dynamic content

In regards to Foundation 4.3.2, what is the correct way to call the function on tab change so when the hidden tab is clicked on, the dynamic content inside will resize accordingly?

With Foundation 5, it’s handled like the example below.

<script>
$(‘.tabs').on('toggled', function (event, tab) {
…
});
</script>

With Foundation 4, how is the same thing accomplished?

Foundation 4AJAXtabsection

In regards to Foundation 4.3.2, what is the correct way to call the function on tab change so when the hidden tab is clicked on, the dynamic content inside will resize accordingly?

With Foundation 5, it’s handled like the example below.

<script>
$(‘.tabs').on('toggled', function (event, tab) {
…
});
</script>

With Foundation 4, how is the same thing accomplished?

Scott Rod about 5 years ago

This method works with Foundation 4.1.2, but not Foundation 4.3.2. Why?

 jQuery(document).on('click.fndtn.section', function (e) {

});