jQuery .animate() только анимация по возвращении

Question

Я использовал .animate() для div в моем дизайне, и хотя он показывает контент, он отображает только анимацию при закрытии, а не при открытии.

Вы можете увидеть его здесь, при нажатии на немецкий флаг в верхнем правом углу:

http://cccctanger.com/inwx/index-logged-in-actual.html

Есть мысли? Может быть, это конфликт с другими сценариями?

<div class="pull-right"> 
<a class="ix-lang" href="#">DE <img src="img/flag-de.png"/></a> 
<span class="ix-lang-more"> 
<a href="#">EN <img src="img/flag-en.png"/></a> 
<a href="#">ES <img src="img/flag-es.png"/></a> 
</span> 
</div> 

И JQuery:

<script type="text/javascript"> 
/* <![CDATA[ */ 
(function($) { 
    $('a[href="#"]').click(function(e) { 
     e.preventDefault(); 
    }); 
})(jQuery); 
/* ]]> */ 
</script> 
<script> 
jQuery(function ($) { 
$("a").tooltip() 
    }); 
</script> 

<script> 
$("select.ix-select-contact").change(function(){ 
    $(".ix-show-details").empty(); 
    $(".ix-show-details").append("<strong>Mario Peschel</strong> · InterNetworX Ltd. & Co. KG<br />Telefon:+49.3066400137 Fax:+49.3066400138<br />E-Mail:mp@inwx.de<br />Berlin, Tempelhofer Damm 140 12099, DE"); 
}); 
</script> 
<script> 
$(document).ready(function{ 
$('#myTab a').click(function (e) { 
    e.preventDefault(); 
    $(this).tab('show'); 
}) 
}); 
</script> 
<script> 
$(document).ready(function(){ 
    $('.ix-btn-custom').popover({ 
    html : true, 
    content: function() { 
     return $('#popover_content_wrapper').html(); 
    } 
    }); 
}); 
</script> 
<script> 
$('.ix-lang').click(function(){ 
$('.ix-lang-more').animate({width: 'toggle'}, 'easeInExpo');}) 
</script> 

Answer 1

Попробуйте этот код

TriggerClick = 0; 

    $(".ix-lang").click(function(){ 
    if(TriggerClick==0){ 
     TriggerClick=1; 
     $(".ix-lang-more").animate({width:'60px'}, "easeInExpo"); 
    }else{ 
     TriggerClick=0; 
     $(".ix-lang-more").animate({width:'0px'}, "easeInExpo"); 
    }; 
    });