JS用于从Nav滑动内容

Question

基本上，我一直试图找到一个JS Fiddle来滑动从导航中选择的内容。我已经附加了一个类似我正在寻找的内容链接的链接。简而言之，我将在页面上有一个带有子导航的关于页面的4个内容框。我想在选择新部分时将此框滑入和滑出屏幕。例如，内容盒1首先可见，如果有人导航到Box 4,1将滑落，2将滑动，3将滑动，4将滑动。我认为链接正是我想要的。任何帮助都会很棒。谢谢。

http://www.charliegentle.co.uk/

Answer 1

这是一个小提琴我做了内容滑动。当鼠标从左到右进入内容幻灯片时。当鼠标离开时，内容从右向左滑出并消失。

sliding Fiddle

$('div').mouseenter(function() {
$('li').animate({
    display: 'toggle',
    margin: '15px',
    opacity: '1'
}, 500);

}）;

$('div').mouseleave(function() {
$('li').animate({
    margin: '15px 0px 15px -100px',
    position: 'absolute',
    opacity: '0'
}, 800).fadeToggle();

}）;