Блог

Я использую это для переключения отображения div…

 <script>
jQuery(".trigger").not('.edit .trigger').click(function(event){
event.preventDefault();
jQuery("#target").slideToggle();
});
</script>
 

Но я пытаюсь адаптировать его так, чтобы он не только расширял скрытый div, но и прокручивался до расширенного div (#target). Пока все, что я пробовал, полностью ломает его, есть идеи?

Я только что попробовал

  <script>
 $element = $('#target');
 $element.hide();
 $('.trigger').click(function(event){
 event.preventDefault();
 $a = $(this);

 $element.slideToggle(250, function(){
    $(window).scrollTop($a.offset().top);
 });
 });
</script>
 

Но я получаю $ не является функцией

Если вы получаете сообщение об ошибке «$ не является функцией», попробуйте использовать jQuery() вместо $().

Вы должны определить переменные словом var.

Ваша функция scrollTop прокручивается до элемента .trigger, а не до цели. Это будет выглядеть так (не проверено):

  <script>
 var element = jQuery('#target');
 element.hide();
 jQuery('.trigger').click(function(event){
    event.preventDefault();

    element.slideToggle(250, function(){
       jQuery(window).scrollTop(element.offset().top);
    });
 });
</script>