Выявление скрытого div и одновременный прыжок к нему

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');
   });       
});

Он должен показать содержимое, а затем изменить URL-адрес, чтобы включить привязку. Это еще не проверено.

Answer 2

Вы можете просто добавить обработчик onclick к своему элементу привязки "slick-toggle" в HTML, например:

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

Answer 3

Вне моей головы, попробуйте это:

$('#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');