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

我已经攻击这两个星期了

我找到了切换显示/隐藏的方法。但每个图像都位于下一个图像的上方，因此如果打开的图像未关闭，则不会显示其他切换的图像，因为它们位于其下方

以下是基本的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>

animatedcollapse.ontogle=函数（$，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 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。这可能吗

为了充分感受它，这里是我个人地狱的开始：。。我真的只是想要一个很好的简单的迷你网站，流量和易于导航的极端初学者。现在，即使是中间用户也被关闭按钮弄糊涂了，而且显然不知道点击它（所以他们只看到个人资料的第一张图片）

感谢所有的帮助和线索。

---

Lantiis

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

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

---

您的网站看起来简单而漂亮：-）

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

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

---

您的网站看起来简单而漂亮：-）

我注意到您的网站上包含了jQuery（并且您已经标记了它），因此我建议使用jQuery解决方案。只是想再详细说明一下佐德的反应

$(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（并且您已经标记了它），因此我建议使用jQuery解决方案。只是想再详细说明一下佐德的反应

$(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();
}

---

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

是否需要简单的选项卡导航

看看这个：或者在web上搜索“选项卡导航javascript”

内联javascript不好，请在此处阅读有关非结构化javascripting的更多信息：

---

正如另一篇文章所建议的，你可以从图书馆的使用中获益，在这种情况下。在这里阅读有关jquery的更多信息：

您想要一个简单的选项卡导航吗

看看这个：或者在web上搜索“选项卡导航javascript”

内联javascript不好，请在此处阅读有关非结构化javascripting的更多信息：

---

正如另一篇文章所建议的，你可以从图书馆的使用中获益，在这种情况下。在这里阅读更多关于jquery的信息：

我认为使用jquery和

的标题会让您的生活变得相当简单。）

请注意，要使这种方法起作用，您必须对在“mask”div中切换的div的名称进行较小的编辑，以便它们与您单击的
标记的标题相匹配（因此“版权”应与“版权”等匹配）
我认为使用jQuery和
的标题会让您的生活变得相当轻松。）

请注意，要使这种方法起作用，您必须对在“mask”div中切换的div的名称进行较小的编辑，以便它们与您单击的
标记的标题相匹配（因此“版权”应与“版权”等匹配）。
是的，请按照建议查看jquery，这是一个非常节省时间的方法。然而，关于你的网站，我有一些建议：在android/webkit浏览器上查看，你可能会发现它坏了。另外，为了避免类似的问题，请使用渐进增强，您的站点非常简单，不需要依赖js。我在我的网站@royronalds.com上做了一些简单的工作，可能对您有用。是的，按照建议查看jquery，它非常节省时间。然而，关于你的网站，我有一些建议：在android/webkit浏览器上查看，你可能会发现它坏了。另外，为了避免类似的问题，请使用渐进增强，您的站点非常简单，不需要依赖js。我在我的网站@royronalds.com上做了一些简单的事情，可能对你有用。