Переместиться в DIV при переключении с jQuery

Question

Я читал, и я пытаюсь переключить экран на div, который переключается. Он находится внизу моего сайта, поэтому, когда вы переключаете контактную форму, вы не можете сказать, что она есть, если вы не прокрутите вниз.

У меня есть этот фрагмент JQuery, который, кажется, не работает

//contact toggle 
$("#show-con").click(function(){ 
    $("#contact-wrap").slideToggle("slow"); 
    $("#contact-wrap").animate({scrollTop: $("#contact-wrap").offset().top}); 
}); 

тумблер работает нормально, но это не будет прокручиваться до дел.

Здесь я прочитал несколько старых статей, но, к сожалению, они связаны с сайтами, которые больше неактивны.

Answer 1

Это будет работать, используйте html, body для вашего выбора:

$("#show-con").click(function(){ 
    $("#contact-wrap").slideToggle("slow"); 

    if ($("#contact-wrap").is(':visible')) { 
    $("html, body").animate({scrollTop: $("#contact-wrap").offset().top}); 
    } 
}); 

Также добавлена ​​проверка, если элемент виден только тогда прокручивать не иначе.

Answer 2

Чтобы определить это для всех div, которые имеют переключатель на них, обратитесь к http://jsfiddle.net/LkTf8/79/.

$(document).ready(function() { 
    $(".trigger").click(function(e){ 
    var $toggled = $(this).attr('id'); 
    var $paneltoggled = $(this).next(".panel").attr('id'); 

    $(this).next(".panel").slideToggle('slow'); 
    if ($("#" + $paneltoggled).is(':visible')) { 
    $("html, body").animate({scrollTop: $("#" + $paneltoggled).offset().top});}  
    }); 
});