Question

所以我看了其他问题，虽然他们一直很有帮助，但我仍然非常困难。我缺乏JS / jquery技能并没有帮助。（这可能是一个愚蠢的问题，但如果我不问，我就不会学习）

我在CF环境中工作，基本上，我有一个页面。当用户将鼠标悬停在div块上时，会出现一个大的div块来覆盖此原始div。然后，当用户单击关闭链接时，页面将恢复为先前的状态。

现在我有：

<div onmouseover="getStuff();" style="position:absolute;left:150px;top:255px;width:240px; border:1px solid blue;">
    <div class="title"><b>Title</b><br /><br />Aenean magna sem, fringilla id malesuada nec, facilisis id quam.  </div>
</div>

激活：

    <script>
    var iAlreadyGotStuff = 0;
    function getStuff() {
        if (!iAlreadyGotStuff) {
            gsSimpleAjax({url:'ajax.cfm?mode=content', target:'myTarget'});
            iAlreadyGotStuff = 1;
        }
    }

</script>

ajax.cfm基本上只是拉入一个适合页面主页的表格。

示例：http://img441.imageshack.us/img441/8548/exampleyt.png

我需要使用什么JS代码或更改我需要隐藏Div类“标题”div div“myTarget”我的目标是什么活动。

我尝试了这个，但它不起作用：

document.getElementById('title').style.display='none'

Answer 1

在课程中添加ID，它应该可以正常工作

 <div class="title" id="title"><b>Title

编辑：

https://developer.mozilla.org/en/DOM/document.getElementById

https://developer.mozilla.org/en/DOM/document.getElementsByClassName

Answer 2

Nitpick：远离0和1，使用true和false。 var iAlreadyGotStuff = false;。

对于您的问题，请查看http://webdesign.about.com/od/dhtml/a/aa101507.htm

中的此脚本

<script type="text/javascript">
function unhide(divID) {
    var item = document.getElementById(divID);
    if (item) {
        item.className=(item.className=='hidden')?'unhidden':'hidden';
    }
}
</script>

如果隐藏了DIV，则会显示。如果它可见，它就是隐藏的。该链接有更全面的解释。

JS隐藏了一个div，同时显示另一个

2 个答案: