slideToggle JQuery从右到左

前端之家收集整理的这篇文章主要介绍了slideToggle JQuery从右到左前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我是JQ的新人
我有这个我在互联网上发现的脚本,它完全是我需要的
但我希望滑动将从右到左
我该怎么做?请帮忙

这是代码

<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>

解决方法

您可以使用 additional effects as a part of jQuery-ui
$('.show_hide').click(function () {
    $(".slidingDiv").toggle("slide");
});

Test Link

猜你在找的jQuery相关文章