क्रोम और सफारी में काम नहीं कर रहे वेबकिट संक्रमण

Question

मुझे वेबकिट ब्राउज़र में काम करने में संक्रमण होने में परेशानी हो रही है, जबकि यह फ़ायरफ़ॉक्स में पूरी तरह से काम करता है। मेरा कोड

HTML 
<div class="dropdown" data-id="new-houses"> 
<h3>New Houses</h3> 
<img src="/local/images/down-arrow.png" /> 
</div> 
<div id="new-houses" style="display:none;"> 
<!--content of div--> 
</div> 

CSS 
.dropdown{ 
    width:100%; 
    cursor:pointer; 
    height:50px; 
    clear:both; 
} 
.dropdown img{ 
    width:20px; 
    height:17px; 
    float:right; 
    margin-right:20px; 
    margin-top:17px; 
    -webkit-transition:transform 1s; 
    -moz-transition:transform 1s; 
    -ms-transition:transform 1s; 
    -o-transition:transform 1s; 
    transition:transform 1s; 
} 
.point_down{ 
    transform:rotate(180deg); 
    -webkit-transform:rotate(180deg); 
    -moz-transform:rotate(180deg); 
    -ms-transform:rotate(180deg); 
    -o-transform:rotate(180deg); 
} 

jQuery 
$('.dropdown').click(function(){ 
    var self = $(this); 
    self.find('img').toggleClass('point_down'); 
    $('#'+self.attr('data-id')).slideToggle(1000); 
}); 

ट्रांसफॉर्म एफएफ, सफारी और क्रोम में काम कर रहा है, लेकिन संक्रमण केवल एफएफ के साथ काम करता है। मैंने आईएनजी को इनलाइन-ब्लॉक और ब्लॉक दोनों में बदलने की कोशिश की है, जिसने मुझे कोई फर्क नहीं पड़ता। क्या किसी ने इससे पहले सामना किया है, या देख सकता है कि मेरे कोड में कुछ गलत है या नहीं? आप जो भी मदद कर सकते हैं उसकी बहुत सराहना की जाएगी।

Answer 1

यह

-webkit-transition:-webkit-transform 1s;