Question

我目前正在开发一个隐藏部分（时间表，费率）的网站。当您单击链接按钮时，它应该显示该部分并跳转到它。我只能得到一件或另一件事。我正在使用锚标签跳转到div id =“extracontent”，我正在使用javascript函数隐藏然后显示内容。但如果它被隐藏起来，它只会在显示时稍微跳了一下。如果再次单击该按钮，它会向下跳转。我很确定这是一个时间性的东西但是因为我是一个完整的新手，当谈到jquery或javascript我不知道如何处理这个。

您可以在此处查看该网站：http://www.davidarabis.com/OYoga/

希望我很清楚，谢谢你的帮助。

Answer 1

试试这个：

$('#slick-toggle').click(function(e) {
   e.preventDefault();
   $('#extracontent').show(400, function() {
       window.location = $('#slick-toggle').attr('href');
   });       
});

它应显示内容，然后更改网址以包含锚点。虽然没有经过考验。

Answer 2

离开我的头顶，试试这个：

$('#my-div').show('normal', function() {
        window.location = '#anchor-name';
    });

否则，您也可以通过以下方式改善：

var pos = $('#my-div').show('normal').offset().top;
$('html, body').animate({ scrollTop: pos + 'px' }, 'normal', 'swing');

Answer 3

你可以简单地在HTML中的“slick-toggle”锚元素中添加一个onclick处理程序，如下所示：

<a onclick="$('#extracontent').show();" id="slick-toggle" class="schedule" href="#extracontent">Check out our Schedule &amp; Rates</a>

显示隐藏的div并在点击的同时向下跳转到它

3 个答案: