通过锚标记添加幻灯片效果

Question

我想打开另一个带有幻灯片效果的searchpage.html html页面，我使用了anchor标记。

<a id="add" href="searchpage.html" class="show_hide">Click</a>

和js：

 $(document).ready(function () {
        $('.show_hide').click(function (e) {
            e.preventDefault(); //to prevent default action of link tag
            $(this).toggle('slide','left',100);
        });
 });

但显示错误：

TypeError: jQuery.easing[this.easing] is not a function

Answer 1

试试这个，这可能对你有帮助..

HTML：

<a id="add" href="searchpage.html" class="show_hide">Click</a>

JS：

$(document).ready(function () {
    $('.show_hide').click(function (e) {
        e.preventDefault(); //to prevent default action of link tag
        $('#add').slideToggle(1000);
    });
});

以下是Demo。