Question

我已经攻击了两个星期。

我找到了一种切换节目/隐藏的方法。但是每个图像都在下一个图像的顶部，所以如果未打开图像，则不会显示其他切换图像，因为它们位于其下方。

这是基本的js：

<script type="text/javascript">
animatedcollapse.ontoggle=function($, divobj, state){ 
}
animatedcollapse.init()
</script>

<script type="text/javascript">
animatedcollapse.addDiv('profile','hide=1')
animatedcollapse.addDiv('photo','hide=1')
animatedcollapse.addDiv('sabout','hide=1')
animatedcollapse.addDiv('copy','hide=1')
animatedcollapse.init()
</script>

此处使用如下：

<div align="center">
    <a href="javascript:animatedcollapse.toggle('profile')" title="Profile" border="0">< img src="img here.png" srcover="img here" srcdown="img here" height="50px" width="96px"></a>
</div></div>

<div id="mask">

    <div id="profile" class="nah">
        <a name="profile"></a>
        <div class="contentp">
        <div align="center">
        <div class="close"><div align="right"><a id="aclose" href="javascript:animatedcollapse.toggle('profile')" title="Close"><span>CLOSE ME</span></a></div></div>

            < img src="img here" border="0">

        </div></div>
    </div>

乘以“页数”的数量。 “页面”是被调用的div内的另一个图像，向下滑动到要查看的位置，并在单击关闭时被收起。我想摆脱关闭按钮，当另一个div切换时，让当前div隐藏。这可能吗？

为了充分感受它，这是我个人地狱的开始：http://www.lantiis.com ..我真的只是想要一个漂亮的简单迷你网站流动，并且很容易为极端初学者导航。现在，甚至中间用户都被关闭按钮搞糊涂了，显然不知道点击它（所以他们只看到PROFILE的第一张图片）...

所有帮助和潜在客户都表示赞赏。 Lantiis

Answer 1

我注意到你在你的网站上包含了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();
}

这是一种非常简单的方法，应该可以帮助您入门。如果您需要更多帮助，请告诉我。

Answer 2

尝试使用jquery .show .hide或.toggle

您可以尝试使用addClass添加类来隐藏您想要或显示的evr div

http://api.jquery.com/show/

http://api.jquery.com/hide/

http://api.jquery.com/toggle/

http://api.jquery.com/addClass/

您的网站看起来简单而美观： - ）

Answer 3

您想要一个简单的标签导航吗？

请看一下：http://www.kminek.pl/lab/yetii/或在网上搜索“标签导航javascript”

内联javascript IS BAD在这里阅读更多关于不引人注目的javascripting：

正如另一篇文章所述，您可以从使用库中受益，在本例中为jquery。在这里阅读更多关于jquery的内容：http://www.smashingmagazine.com/2008/09/16/jquery-examples-and-best-practices/

Answer 4

我认为这会让你的生活相当容易使用jQuery，并使用用户点击的<a>标签的标题作为显示和隐藏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的名称进行少量编辑，以便它们与<a>标记的标题匹配你点击（因此'版权'应该与'版权'等相匹配。）

可以独立显示/隐藏。我如何隐藏在节目中？

4 个答案: