CODEWITHSUNDEEP
javascriptjqueryhtmlcss
havingagoatit
havingagoatit

Reputation: 583

fadeTo not working in ie10

I am not sure why but after looking at examples I thought were the same from previous questions I decided to post.. I have a button when clicked does the following things...

$('.fa-phone, .bg-darkPink').parent().on('click', function () {
      $('#testimonials').fadeTo(0, 0); 
      $('.submenu-ctn').fadeTo(0, 0); 
      $("#colorscreen").remove();
      $("body").append('<div id="colorscreen" class="animated"></div>');
      $("#colorscreen").addClass("fadeInUpBigCS");
      $(".musability-music-therapy-content-space").css({width: "720px",opacity:1}).load("contact-page.html #contact-form");
      $(".submenu-ctn").load("contact-page.html .submenu-contact");
      $.getScript("js/slider/slider-animations.js");
      $(".submenu-ctn").load("contact-page.html .submenu-contact");
      $('.nav-toggle').removeClass('active');
      $(this).addClass('active');  
      $('#menu').multilevelpushmenu('collapse');
      $('.submenu-ctn').fadeTo(3000, 1);
});

the problem is that this bit of the script is not getting executed.

$('#testimonials').fadeTo(0, 0);

where the css and html is as follows

<div id="testimonials">  

<div class="box animated seven boxGreen testimonials1">
    <p class="fg-white">"".<p class="text-small fg-white">- M
        <span class="imagestars">
        <img src="images/mthc/stars.png" alt="testimoinal rating 5 star">
        </span>
    </p>
</div>

<div class="box animated nine boxGreen testimonials2">
    <p class="fg-white">" the long term"<p class="text-small fg-white">kool.
        <span class="imagestars">
        <img src="images/mthc/stars.png" alt="testimoinal rating 5 star">
        </span>
    </p>
</div>
</div>

#testimonials
{
    display:block;
    opacity:1;
    z-index:1500;
}

Not really sure what's going on so investigating with debug but that isn't telling anything atm. works in all other browsers hmmmm ?

Upvotes: 2

Views: 126

Answers (1)

havingagoatit
havingagoatit

Reputation: 583

So basically I.E 10 doesn't like classes that have overflow:hidden within a div you are trying to fadeTo ... taking them out of the classes within the div sorted the problem out !

Upvotes: 1

Related Questions