我已经攻击了两个星期。
我找到了一种切换节目/隐藏的方法。 但是每个图像都在下一个图像的顶部，因此如果打开的图像没有关闭，则不会显示其他切换的图像，因为它们位于其下方。
这是基本的js：
animatedcollapse.ontoggle=function($, divobj, state){ } animatedcollapse.init() animatedcollapse.addDiv('profile','hide=1') animatedcollapse.addDiv('photo','hide=1') animatedcollapse.addDiv('sabout','hide=1') animatedcollapse.addDiv('copy','hide=1') animatedcollapse.init() 它在这里使用如下：
乘以“页数”的数量。 “页面”是被调用的div内的另一个图像，向下滑动到可以查看的位置，并在单击关闭时被放置。 我想摆脱关闭按钮，当另一个div切换时，让当前div隐藏。 这可能吗？
为了充分感受它，这是我个人地狱的开始： http ： //www.lantiis.com ..我真的只是想要一个漂亮的简单迷你网站流动，并且很容易为极端初学者导航。 现在，即使是中间用户也会被关闭按钮弄糊涂，显然不知道点击它（所以他们只看到PROFILE的第一张图片）……
所有帮助和线索都表示赞赏。 Lantiis
我注意到你在你的网站上包含了jQuery（并且你已经标记了它），因此我建议使用jQuery解决方案。 只是为了详细说明zod的回应。
$(document).ready(function () { $('#idOfYourMenuItem').click(function () { //Hide the other images hideAll(); //Show the image that you want $('#divOfTheRelatedImage').show(); } //Bind your other menu items here //$('#idOfYourMenuItem2').click etc... hideAll(); //Show your first page here somewhere $('#divOfFirstPage').show(); }); function hideAll() { $('#divOfTheRelatedImage').hide(); $('#divOfTheRelatedImage2').hide(); }
这是一种非常简单的方法，应该可以帮助您入门。 如果您需要更多帮助，请告诉我。
尝试使用jquery .show .hide或.toggle
您可以尝试使用addClass添加类来隐藏您想要或显示的evr div
http://api.jquery.com/addClass/
你的网站看起来很简单:-)
你想要一个简单的标签导航吗？
看看这个： http ： //www.kminek.pl/lab/yetii/或在网上搜索“tab navigation javascript”
内联javascript IS BAD在这里阅读更多关于不引人注意的javascripting：
正如另一篇文章所建议的那样，你可以从使用库中受益，在本例中是jquery 。 在这里阅读更多关于jquery的信息： http ： //www.smashingmagazine.com/2008/09/16/jquery-examples-and-best-practices/
我认为这将使您的生活相当容易使用jQuery并使用用户点击的标签的标题作为显示和隐藏具有相同名称的id的div的关键字。 这样可以更轻松地跟踪正在发生的事情并轻松添加/删除项目。
该脚本是：
$('#mask > div:first-child').show(); $('#top a').click( function() { var keyterm = $(this).attr('title'); $('#mask > div').hide(); $('div[id=' + keyterm + ']').slideDown('slow'); });
我已经将你的html的简化版发布到jfiddle，所以你可以看到它工作（ jfiddle ）
请注意，要使用此方法，您必须对要在“掩码”div中切换的div的名称进行少量编辑，以便它们与您单击的标记的标题相匹配（所以’版权’应该与’版权’等相匹配）