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
Post a Comment