jQuery toggleClass example

Toggle class name on click in jQuery

by borayeris

HTML

<h1>My Web Page</h1>

<p>Hello everybody!</p>

<p>Translate this page:</p>

<div id="google_translate_element"></div>

<script type="text/javascript">
    function googleTranslateElementInit() {
        new google.translate.TranslateElement({pageLanguage: 'en'}, 'google_translate_element');
    }
</script>

<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>

<p>You can translate the content of this page by selecting a language in the select box.</p>
<script>
$( document ).ready(function() {
    $('li').on('click', '.diller', function( e ){
        //console.log(  e  );
        e.preventDefault();
        var $select = $('select.goog-te-combo');
        $select.val( $(this).data('val') );
        $select.on('change',function (e) {
            console.log( 'qqqqqqq' );
        });
    });

    /*$('#google_translate_element').on('change', 'select.goog-te-combo', function ( e ){
        console.log( e );
    })*/
});
</script>

<li><a href="#" class="diller" data-val="fr" >Fransızca</a></li>
<li><a href="#" class="diller" data-val="de" >Almanca</a></li>