Question

我把一个很酷的小脚本放在一起，这将使我的搜索框出现在jQuery UI中。但是，搜索框上方的链接也必须以相同的速度向上移动。为此，必须调整margin-top，但是通过切换margin-top，它似乎正在消失。

有没有人知道如何在不使链接消失的情况下切换margin-top并保持速度尽可能接近另一个？

$(document).ready(function() {
    $('.pwcustomsearch').hide();
    $("#pwcustomsearchlink").click(function () {
        var effect = 'slide';
        var options = { direction: 'down' };
        var duration = 400;
        $('.pwcustomsearch').toggle(effect, options, duration);
        $('.social-media').toggle({"marginTop": "15px"});
    })
});

这是一个小提琴： http://jsfiddle.net/hcmLw/1030/

Answer 1

.toggle()正在为您的元素添加display:none作为内联样式，因此它会消失。

使用.animate()代替更改上边距。

请在此处查看我的更新小提琴：http://jsfiddle.net/hcmLw/1032/

编辑：再次更新小提琴以使切换正常工作。

切换marginTop而不使元素消失

1 个答案: