JQ'da yeniyim İnternette bulduğum bu komut dosyasına sahibim ve tam olarak ihtiyacım olanı yapıyor ama kaymanın sağdan sola doğru olmasını istiyorum nasıl yapabilirim? lütfen yardım edin
bu kod
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".slidingDiv").hide();
$(".show_hide").show();
$('.show_hide').click(function(){
$(".slidingDiv").slideToggle();
});
});
</script>
<style>
.slidingDiv {
height:300px;
background-color: #99CCFF;
padding:20px;
margin-top:10px;
border-bottom:5px solid #3399FF;
}
.show_hide {
display:none;
}
</style>
</head>
<body>
<div class="slidingDiv">
Fill this space with really interesting content. <a href="#" class="show_hide">hide</a></div>
<a href="#" class="show_hide">Show/hide</a>
Bunu jQuery-ui'nin bir parçası olarak ek efektler kullanarak yapabilirsiniz
$('.show_hide').click(function () {
$(".slidingDiv").toggle("slide");
});
[Test Bağlantısı][2]
Bu soru sorulalı bir yıl olduğunu biliyorum, ancak sadece bu sayfayı ziyaret edecek insanlar için çözümümü gönderiyorum.
Burada @Aldi Unanto'nun önerdiklerini kullanarak daha eksiksiz bir yanıt bulabilirsiniz:
jQuery('.show_hide').click(function(e) {
e.preventDefault();
if (jQuery('.slidingDiv').is(":visible") ) {
jQuery('.slidingDiv').stop(true,true).hide("slide", { direction: "left" }, 200);
} else {
jQuery('.slidingDiv').stop(true,true).show("slide", { direction: "left" }, 200);
}
});
Önce bağlantının tıklandığında herhangi bir şey yapmasını engelliyorum. Sonra elemanın görünür olup olmadığını kontrol ediyorum. Görünür olduğunda gizliyorum. Gizli olduğunda gösteriyorum. Yönü sola veya sağa ve süreyi 200 ms'den istediğiniz herhangi bir şeye değiştirebilirsiniz.
Düzenle: Ayrıca şunları da ekledim
.stop(true,true)
clearQueue ve jumpToEnd için. jQuery durağı hakkında buradan bilgi edinin