jquery .toggle事件激活

时间:2014-09-09 18:29:43

标签: jquery html

我在jsfiddle有一个jquery程序,我需要帮助,因为对我来说,jquery会自动调用.slideUp()。你能帮帮我吗?我只是想要它,这样当我点击超链接时,它会隐藏测试文本,当它再次被点击时会显示它。另一个问题是代码也在超链接上使用.slideUp()。我该怎么办?

HTML:
    <a href="#test">Test</a>
    <div id="test">Test text</div>

的jQuery:
    $('a').toggle(function () {
    var box = $(this).attr('href');
    $(box).slideUp();
    }, function () {
    var box = $(this).attr('href');
    $(box).slideUp();
    }

1 个答案:

答案 0 :(得分:1)

jQuery 1.8中不推荐使用toggle事件方法,并且在jQuery 1.9中删除了toggle事件方法,您使用的是slideToggle效果方法,可以切换元素的可见性。您可以改为使用$('a').on('click', function () { $(this.hash).slideToggle(); }); 方法:

{{1}}

http://jsfiddle.net/9qjtct1x/