Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Раскрыть div по клику мышки (https://javascript.ru/forum/misc/28802-raskryt-div-po-kliku-myshki.html)

mrtarantul 03.06.2012 11:14

Раскрыть div по клику мышки
 
Добрый день, есть такой код

function show(divid)
{
    if(document.getElementById(divid).style.display=="none")
    {
        document.getElementById(divid).style.display="inline";
    }
   else
   {
        document.getElementById(divid).style.display="none";
    }
}


И html
<div onclick="show('FALXNI');" class="minimizedText">Open</div>
<div id="FALXNI" class="minimized">разный текст</div>


Так вот, когда в css:
.minimized{
display:inline;
}

То блок закрывается по 1 клику мышкой, а когда
.minimized{
display:none;
}

Необходимо два клика мышкой по блоку Open, для того, чтобы блок minimized открылся.
Как сделать так,чтобы блок во втором случае открывался по одинарному щелчку?

Amphiluke 03.06.2012 11:21

Очевидно, так:
function show(divid) {
    var style = document.getElementById(divid).style;
    if(style.display != "inline") {
        style.display = "inline";
    }
    else {
        style.display = "none";
    }
}


P.S. А вообще лучше привязываться к наличию/отсутствию соответствующего CSS-класса. Для сокрытия блока класс добавлять, для показа блока — убирать класс.

Джэксон 05.06.2012 20:06

охх, ну была уже такая тема! сам помню отвечал :)


Часовой пояс GMT +3, время: 12:10.