ändern Animation, wenn auf sie geklickt haben, und dann animieren zurück, wenn auf einem anderen Bild auf Touch jquery geklickt

Question

$(".pen").click(function(){ 
 
      
 
    $(this).animate({height: '+70px'}); 
 
    $(this).css('padding-top' ,'10px'); 
 
    $(this).not.animate({height: '+60px'}); 
 
    $(this).not.css('padding-top' ,'20px');   
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<div class="cntr" style="margin-left: 25px;"> 
 
    
 
<img src="images/pen/red.png" id="red" class="stretch pen red" alt="" /> 
 
    
 
<img src="images/pen/orange.png" id="orange" class="stretch pen orange" alt="" />  
 

 
<img src="images/pen/yellow.png" id="yellow" class="stretch pen yellow" alt="" />  
 

 
<img src="images/pen/green.png" id="green" class="stretch pen green" alt="" />  
 

 
<img src="images/pen/blue.png" id="blue" class="stretch pen blue" alt="" /> 
 
    
 
<img src="images/pen/purple.png" id="purple" class="stretch pen purple" alt="" />  
 

 
<img src="images/pen/black.png" id="black" class="stretch pen black" alt="" />  
 

 
<img src="images/back.png" class="stretch undo " onClick="undoDraw();" alt="" style="padding-left: 10px;"/> 
 

 
</div>

Ich habe einen Stift-Werkzeug Schieber in meiner phonegap Anwendung im Rahmen für jQuery Mobile verwenden. Ich möchte die Stifte wechseln, wenn sie ausgewählt werden soll, und die andere muss nach unten rutschen. Ich animiere das Bild, um einen Zoom-Effekt zu erhalten, und ich weiß nicht, wie man es umkehrt, wenn ein anderes Element angeklickt wird. Bitte helfen Sie mir, wie im neu in diesem

Answer 1

$(".pen").click(function(){ 
 
    $(this).animate({height: '+70px'}); 
 
    $(this).css('padding-top' ,'10px'); 
 
    $(".pen").not($(this)).animate({height: '+60px'}); 
 
    $(".pen").not($(this)).css('padding-top' ,'20px'); 
 
});

Changed die nicht in dieser Funktion und seine Arbeit jetzt

Danke für die Antwort vijayP Ihre Antwort ist appreciatable