标题导航幻灯片

嗨，我正在做一个标题，看起来像这样：
带有标志和向下箭头表示导航的标题栏。如果你悬停标题，导航就会滑下来，你会看到大列，现在我试图做到这一点，如果你点击列，更具体的链接将滑落。标题导航幻灯片

我已经设法让子链接栏与列链接处于相同的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} 
});

编辑：如果（切换== 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，但它不完全相同，我想知道它如何以这种方式工作。

来源

2014-07-04 user3804223

'如果（切换= 0），'你需要''==那里，而不是'='。 –

'if（toggle = 0）{toggle = 30}'你为什么认为* same *操作在不同的上下文中做了*不同的事情？ –

*“这是更好吗？”*它工作吗？如果没有，它不会更好。你也使用jQuery，这是一个库。 –

试试这个功能：

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

来源

2014-07-04 06:25:15 user2414751

标题导航幻灯片

回答

相关问题