Zurb Foundation tabs modX problem

 [[~[[*id]]]]

					<dl class="tabs mobile">
						<dd class="active"><a href="[[~[[*id]]]]#simple1">Tab1</a></dd>
						<dd><a href="[[~[[*id]]]]#simple2">Tab2</a></dd>
						<dd><a href="[[~[[*id]]]]#simple3">Tab3</a></dd>
					</dl>

					<ul class="tabs-content">Contenu de Tab1</li>
						<li id="simple2Tab">Contenu de Tab2</li>
						<li id="simple3Tab">Contenu de Tab3</li>
					</ul>

;(function ($, window, document, undefined) {
  'use strict';

  var settings = {
        callback: $.noop,
        deep_linking: true,
        init: false
      },

      methods = {
        init : function (options) {
          settings = $.extend({}, settings, options);

          return this.each(function () {
            if (!settings.init) methods.events();

            if (settings.deep_linking) methods.from_hash();
          });
        },

        events : function () {
          $(document).on('click.fndtn', '.tabs a', function (e) {
            methods.set_tab($(this).parent('dd, li'), e);
          });

          settings.init = true;
        },

        set_tab : function ($tab, e) {

          var $activeTab = $tab.closest('dl, ul').find('.active'),
              href = $tab.children('a').attr("href"),
              target = href.substring(href.indexOf('#')),
              base = $('base'),
              hasHash = /^#/.test(target),
              $content = $(target + 'Tab');

          if (hasHash && $content.length > 0) {
            // Show tab content
            if (e && !settings.deep_linking) e.preventDefault();
            if (e && base.length > 0 && settings.deep_linking) {
              window.location.hash = target;
              e.preventDefault();
            }
            $content.closest('.tabs-content').children('li').removeClass('active').hide();
            $content.css('display', 'block').addClass('active');
          }

          // Make active tab
          $activeTab.removeClass('active');
          $tab.addClass('active');

          settings.callback();
        },

        from_hash : function () {
          var hash = window.location.hash,
              $tab = $('a[href="' + hash + '"]');

          $tab.trigger('click.fndtn');
        }
      }

  $.fn.foundationTabs = function (method) {
    if (methods[method]) {
      return methods[method].apply(this, Array.prototype.slice.call(arguments, 1));
    } else if (typeof method === 'object' || !method) {
      return methods.init.apply(this, arguments);
    } else {
      $.error('Method ' + method + ' does not exist on jQuery.foundationTabs');
    }
  };
}(jQuery, this, this.document));