javascript - if I click icon ,hide images and show another images using fadeIn() function -


i have 2 icon, left icon , right icon. if clicked right icon, want hide first icon's images, , want show right icon's images using fadein() function. but, isn't successful completely. if used fadein() function, didn't work. have 2 <div> differnt id , 1 display:none.

here code:

<div class="item_set " id="images1" > <div class="item_set " id="images2" style="display:none;">     <div id="dot_block"><!--start dots-->         <div id="dot1" class="dots current" ></div>         <div id="dot2" class="dots" "></div>     </div>     <script>     $(document).ready(function(){       $('#dot2').click(function(){          $('#images').hide().fadein(2000);         $('#images2').show().fadeout(3000);         $('#dot2').css({'background':'#d0c083'});         $('#dot1').css({'background':'#dbdbea'});                 $('#dot2').removeattr('onclick');             });      $('#dot1').click(function(){         $('#images2').hide().fadein(2000);         $('#image1').show().fadeout(3000);         $('#dot1').css({'background':'#d0c083'});         $('#dot2').css({'background':'#dbdbea'});                       $('#dot1').removeattr('onclick');              });     });     </script> 


Comments

Popular posts from this blog

resizing Telegram inline keyboard -

command line - How can a Python program background itself? -

php - "cURL error 28: Resolving timed out" on Wordpress on Azure App Service on Linux -