JS скрывает div, показывая другой

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 "title", какой класс div "myTarget" активирует моя цель.

Я попробовал это, но это не сработало:

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

Answer 1

Добавьте идентификатор в класс, и он должен работать

 <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 скрыт, он отображается. Если он виден, он скрыт. Более подробное объяснение по ссылке.