Question

我正试图切换一个师。我有以下代码。

<body>

<div id="slide5">
    <img class="kot" src="img/kot/know-our-team.png"/>
</div>

<div id="slide6">
    // team images here
</div>

<div id="slide7">
    // division just below slide6
</div>

</body>

<script>
$(".kot").click(function(){

    $("#slide6").toggle("slow");

});
</script>

问题是从右侧向左侧移动6“隐藏”。并通过从屏幕的左侧移动到右侧来滑动6“显示”。

我希望它显示为从中心下拉而不是从左侧到右侧显示为动画。

更新1 -

小提琴 - http://jsfiddle.net/codestor/Ca7cQ/

Answer 1

您可以使用.slideToggle('slow')。

请尝试以下代码：

$(".kot").click(function(){
   $("#slide6").slideToggle('slow');
});

Working Example

JQuery切换 - 从中心而不是左侧动画

1 个答案:

JQuery切换 - 从中​​心而不是左侧动画

1 个答案:

JQuery切换 - 从中心而不是左侧动画