使用javascripted Nav Bar定位

Question

嘿伙计们，我正在努力完成我的滑动导航栏。现在的问题是我不知道如何在向外滑动和退回之间更改标签图像（如图所示）。将其折叠回来的图像必须在导航栏本身内部，这是我感到困惑的地方，任何人都可以帮忙吗？

我的链接在这里（在Ketan的帮助下）jsfiddle.net/6y90wkju/6/（抱歉要复制并粘贴不要让我插入没有代码的jsfiddle链接）
这是一张图片......

Answer 1

您可以采取以下方式。你没有把JQuery包含在你的小提琴中，所以它没有用。

将for(k = 0; k <= space; k++) { free(word[k]); } 提供给overflow:hidden;，并使用#Maincontainer容器为#slide设置动画。

.hidden

检查Fiddle Here.

Answer 2

查看此解决方案

JS小提琴：http://jsfiddle.net/1dh4v5tj/2/

$(document).ready(function(){
$('#slide').click(function(){
     var hidden = $('.hidden');
     if (hidden.hasClass('visible')){
  hidden.animate({"left":"-180px"}, "slow").removeClass('visible').find("#slide").text("Show");
} else {
       hidden.animate({"left":"0"}, "slow").addClass('visible').find("#slide").text("Hide");

}
});


});