Как добавить эффект плавного перехода ⇐ Jquery

[Anonymous]

Кто-нибудь знает, как добавить к этому эффект плавного перехода?


Я попробовал это в файле JS, но вокруг каждого элемента div продолжал отображаться белый контур:

Код: Выделить всё

$(function () {
menu = $('nav ul');

$('#toggle-btn').on('click', function (e) {
e.preventDefault();
menu.slideToggle();
});

$(window).resize(function () {
var w = $(this).width();
if (w > 580 && menu.is(':hidden')) {
menu.removeAttr('style');
}
});

$('nav li').on('click', function (e) {
var w = $(window).width();
if (w < 580) {
menu.slideToggle();
}
});
$('.open-menu').height($(window).height());
});

// smooth scrolling

$('a[href*="#"]')
.not('[href="#"]')
.not('[href="#0"]')
.click(function (event) {
if (
location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') &&
location.hostname == this.hostname
) {
var target = $(this.hash);
target = target.length ? target : $('[name=' + this.hash.slice(1) + ']');
if (target.length) {
event.preventDefault();
$('html, body').animate({
scrollTop: target.offset().top
}, 1000, function () {
var $target = $(target);
$target.focus();
if ($target.is(":focus")) {
return false;
} else {
$target.attr('tabindex', '-1');
$target.focus();
};
});
}
}
});

Я попробовал несколько других методов, но они не сработали. Есть ли способ сделать это с помощью CSS? Или это можно сделать только с помощью JS?


Подробнее здесь: https://stackoverflow.com/questions/635 ... ion-effect