Question

嗨，我正在做一个看起来像这样的标题：
标题栏和标志向下指示导航。如果您将标题悬停，导航向下滑动，您会看到大列，现在我正在尝试制作，如果您点击列，更多特定链接将向下滑动。

我设法让子链接栏与列链接在同一个css顶部值上，以使下滑看起来平滑，但现在我不知道如何添加切换值。

这是javascript，请告诉我出了什么问题。

var top = ($('#serviceslink').top()+toggle);
var toggle = 0;
$('#serviceslinkextended').css({'top':top+'px'});
$('#serviceslink').click(function(){
    if (toggle == 0) {toggle = 30}
    else {toggle = 0}
});

编辑：if（toggle == 0）

edit3：这样更好吗？

var top = $('#serviceslink').top();
var toggle = 0;
$('#serviceslinkextended').css({'top':top+toggle+'px'});
$('#serviceslink').click(function(){
    if (toggle == 0) {toggle = 30}
    else {toggle = 0}
});

edit4：我意识到子列只保持在同一高度，因为没有定义顶部值，但这似乎并不适用于所有浏览器。我现在使用了slideToggle，但它不一样，我想知道它是如何工作的。

Answer 1

尝试此功能：

$(selector).slideUp()
$(selector).slideDown()

标题导航幻灯片

1 个答案: