waktu tersisa untuk klaim Potongan harga Rp 300.000 dalam program Membership. Klaim Promo!

mau tanya soal animate untuk kombinasi click dan double click, saya ingin ketika di klick sekali pindah ke kana, di click 2 kali dia pindah ke kiri, bagaimana cara mengkombinasikan script nya yah..??

Ditanyakan 2 bulan yang lalu oleh ray agustian Edit  Hapus  Tandai Selesai  Tandai 
<ul class="lokasi">
<li class="bandung">
Bandung
<button id="keBandung">Pergi</button>
<button id="hideBandung">H</button>
<button id="hapusBandung">X</button>
</li>
<li class="bali">Surabaya
<button id="kebali">Pergi</button>
<button id="hidebali">H</button>
<button id="hapusbali">X</button>
</li>
</ul>
<button id="animat">animat button</button>

<script>
$('#animat').on('click', function(){
$('.bali').animate({
marginLeft:100
});
});
$('#animat').on('dblclick', function(){
$('.bali').animate({
marginRight:100
});
});
</script>
BUAT KOMENTAR

1 JAWABAN / 0 KOMENTAR

User avatar
Giano Suryo menjawab 2 bulan yang lalu Jadikan Jawaban Terbaik  Edit  Hapus  Ubah ke Komentar 
Mungkin solusi ini agak 'tricky' dengan mengandalkan function setTimeout dan variabel clickCount, but it's worked..!

var clickCount = 0;
$( "#animat" ).on('click', function() {
    clickCount++;
    setTimeout(function(){
        if(clickCount == 1){
        $('.bali').animate({
            marginLeft:500,
            marginRight:100
        }, 300, function() {
            // Animate done
            clickCount = 0
        });
    }}, 300);
});

$( "#animat" ).on('dblclick', function() {
    $('.bali').animate({
        marginRight:500,
        marginLeft:100
    }, 300, function() {
        // Animate done
        clickCount = 0
    });
});



BUAT KOMENTAR