I ended up using the GTranslate plugin (https://www.ads-software.com/plugins/gtranslate/) because Google Language Translator had issues with functionality on tablet and mobile devices.
However, my solution carried over, using CSS and js to target classes, and locale storage to set the user’s language and display the appropriate link.
<script>
(function($) {
var lang = localStorage.getItem('currentlang');
$('.menu-item-gtranslate').eq(0).click(function() {
localStorage.setItem('currentlang','eng');
$('.menu-item-gtranslate').eq(1).css('display', 'inline-block');
$('.menu-item-gtranslate').eq(0).css('display', 'none');
});
$('.glink').eq(2).click(function() {
localStorage.setItem('currentlang','eng');
$(this).next().css('display', 'block');
$(this).css('display', 'none');
//console.log(lang);
});
$('.menu-item-gtranslate').eq(1).click(function() {
localStorage.setItem('currentlang','spn');
$('.menu-item-gtranslate').eq(0).css('display', 'inline-block');
$('.menu-item-gtranslate').eq(1).css('display', 'none');
});
$('.glink').eq(3).click(function() {
localStorage.setItem('currentlang','spn');
$(this).prev().css('display', 'block');
$(this).css('display', 'none');
//console.log(lang);
});
$(window).load(function() {
if (lang=='eng'){
$('.menu-item-gtranslate').eq(1).css('display', 'inline-block');
}else{
$('.menu-item-gtranslate').eq(0).css('display', 'inline-block');
};
});
})(jQuery);
</script>