javascript - 通过 anchor 标签添加幻灯片效果

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 .