WPML: Create transient menus with JS support

footer.php

<nav id="footer-navigation" role="navigation">
	<?php the_footer_menu(); ?>
</nav>
<script>
	// Set active classes to Footer navigation based on current location
	(function( $ ) {
		var current_url = '/' + window.location.pathname.split('/')[1] + '/',
		    custom_url = location.href.split('#')[0];
		$('#footer-navigation').find( 'a[href="' + current_url + '"], a[href="' + custom_url + '"]' ).parent().addClass('current-menu-item').parents('.menu-item').addClass('current-menu-ancestor active');
	})( jQuery );
</script>

functions.php

<?php
/**
 * Remove active states from navigation items (use JS instead)
 *
 * @link http://codex.wordpress.org/Function_Reference/wp_nav_menu
 */
	add_filter( 'wp_nav_menu', 'remove_active_nav_classes' );
	function remove_active_nav_classes( $classes ) {
		$replace = array(
			'current-menu-item'     => '',
			'current-menu-parent'   => '',
			'current-menu-ancestor' => '',
			'current-page-item'     => '',
			'current-page-parent'   => '',
			'current-page-ancestor' => '',
			'current_page_item'     => '',
			'current_page_parent'   => '',
			'current_page_ancestor' => '',
		);
		$classes = str_replace( array_keys( $replace ), $replace, $classes );
		return $classes;
	}

/**
 * Use WPML's icl_get_languages() to delete different language versions of transients
 *
 * @link http://codex.wordpress.org/Transients_API
 */

	add_action( 'wp_update_nav_menu', 'theme_update_nav_menu' );
	function theme_update_nav_menu() {
		if ( function_exists( 'icl_get_languages' ) ) {
			$languages = icl_get_languages( 'skip_missing=0&orderby=code' );
			if ( ! empty( $languages ) ) {
				foreach ( $languages as $language ) {
					delete_transient( 'header-menu-' . $language['language_code'] );
					delete_transient( 'footer-menu-' . $language['language_code'] );
				}
			}
		}
	}

header.php

<nav id="header-navigation" role="navigation">
	<?php the_header_menu(); ?>
</nav>
<script>
	// Set active classes to Header navigation based on current location
	(function( $ ) {
		var current_url = '/' + window.location.pathname.split('/')[1] + '/',
		    custom_url = location.href.split('#')[0];
		$('#header-navigation').find( 'a[href="' + current_url + '"], a[href="' + custom_url + '"]' ).parent().addClass('current-menu-item').parents('.menu-item').addClass('current-menu-ancestor active');
	})( jQuery );
</script>

template-tags.php

<?php
/**
 * Use WPML's ICL_LANGUAGE_CODE to store cached language versions of wp_nav_menu()
 * Transients need to be flushed whenever the menus are updated (see functions.php)
 */

	function get_header_menu() {

		$status_msg = '<!-- Retrieved from transient -->';

		// Attempt to get cached version of the menu
		if ( false === ( $header_menu = get_transient( 'header-menu-' . ICL_LANGUAGE_CODE ) ) ) {

			// Create new site navigation
			$header_menu = wp_nav_menu( array(
				'theme_location' => 'header',
				'menu' => 'header-navigation',
				'menu_class' => 'nav nav-header',
				'depth' => 2,
				'echo' => 0
			));

			set_transient( 'header-menu-' . ICL_LANGUAGE_CODE, $header_menu, 60 * 3 );

			$status_msg = '<!-- Transient created -->';

		}

		return $header_menu . $status_msg;
	}

	function the_header_menu() {
		echo get_header_menu();
	}

	function get_footer_menu() {

		$status_msg = '<!-- Retrieved from transient -->';

		// Attempt to get cached version of the menu
		if ( false === ( $footer_menu = get_transient( 'footer-menu-' . ICL_LANGUAGE_CODE ) ) ) {

			// Create new site navigation
			$footer_menu = wp_nav_menu( array(
				'theme_location' => 'footer',
				'menu' => 'footer-navigation',
				'menu_class' => 'nav nav-footer',
				'depth' => 2,
				'echo' => 0
			));

			set_transient( 'footer-menu-' . ICL_LANGUAGE_CODE, $footer_menu, 60 * 3 );

			$status_msg = '<!-- Transient created -->';

		}

		return $footer_menu . $status_msg;
	}

	function the_footer_menu() {
		echo get_footer_menu();
	}

theme-setup.php

<?php
/**
 * Register navigation menus
 *
 * @link http://codex.wordpress.org/Function_Reference/register_nav_menus
 */
	register_nav_menus(array(
		'header'         => __( 'Header navigation', 'theme-name' ),
		'footer'         => __( 'Footer navigaiton', 'theme-name' ),
	));