javascript - 如何让 jQuery Accordion 在页面顶部打开？

Question

如何自定义 jQuery Accordion 以在元素顶部而不是在元素下方打开？

我在我的导航菜单中放置了一个搜索图标，我的目标是在您点击它时打开搜索图标顶部的 Accordion 。

在我的 website ，搜索图标当前处于非事件状态。

我希望它的外观和功能与 this website 上的一样.

单击“搜索”图标，观察 Accordion 如何弹出到页面顶部。

$("#search-accordion1").awsAccordion({
    type: "vertical",
    cssAttrsVer: {
        ulWidth: "responsive",
        liHeight: 50
    },
    startSlide: false,
    openCloseHelper: {
        openIcon: "ok-circle",
        closeIcon: "ok-sign"
    },
    openOnebyOne:true,
    classTab: "active",
    slideOn: "click",
    autoPlay: false,
    autoPlaySpeed: 2000
})

Answer 1

也许您只需要使用 jQuery .slideDown()。