Javascript функция hideshow

Привет, я пытаюсь получить функцию слайд-шоу и наткнулся на то, что отлично работает. Единственная проблема для меня - я хотел бы, чтобы мой div был скрыт, а затем отображался onclick, а затем отображался, затем скрывался. вот пример код:Javascript функция hideshow

<!DOCTYPE html> 
    <html> 
    <head> 
    <script> 

    function hideshow(which){ 
     if (!document.getElementById) 
     return 
     if (which.style.display=="none") 
      which.style.display="block" 
     else 
      which.style.display="none" 
     } 

</script> 
<style> 

    #adiv { 
    width: 320px; 
    height: 320px; 
    background: green; 
    } 

</style> 
</head> 

<body> 

<a href= "javascript:hideshow(document.getElementById('adiv'));";>clickme!</a> 

<div id="adiv"> </div>

Надеется, что это имеет достаточно информацию :)

источник

2015-06-04 Bo0n

Вы просто просить, чтобы элемент начал скрываться? Просто введите свой стиль отображения как '' none "' для начала. –

Добавьте это '

' для выставления на продажу div. –

Вы изначально можете скрыть DIV в двух популярных способах:

(1) Скрыть с помощью CSS

Добавьте display:none в div, чтобы скрыть div, включен ли JS или нет. Вы можете использовать что-то вроде этого:

<div id="adiv" style="display:none"> </div>

(2) Скрыть с помощью JS

Скрытие с помощью JS полезно, если вы не хотите, чтобы DIV скрытый для пользователей, которые не включена функция JS. Существуют различные способы скрыть div, используя автоматическое выполнение JS. Ниже приведен простой способ сделать это.

<body onload="hideshow(document.getElementById('adiv'));"> 

<a href= "javascript:hideshow(document.getElementById('adiv'));";>clickme!</a> 
<div id="adiv"> </div>

источник

2015-06-04 03:23:20 Grokify

Pefect !! Большое спасибо Grokify :) – Bo0n

Рад помочь Bo0n! – Grokify

Я хотел бы мой DIV быть скрыты, а затем будет отображаться OnClick, а затем отображается затем скрытый

Пытаться понять, что вы имеете в виду выше, я не могу что-нибудь еще, что угадать вы говорите о оригинале состоянии <div>.
В то же время, я не могу себе представить, что вы не знаете, как этого достичь!

В любом случае, если это действительно вопрос, это довольно просто: добавьте display: none; в свое правило #adiv.

Кстати, вы должны отдавать предпочтение стандартным совместимый стиль для кодирования, чтобы улучшить читаемость, например:

function hideShow(which){ 
     if (!document.getElementById) { 
      return; 
     } 
     if (which.style.display == "none") { 
      which.style.display = "block"; 
     } else { 
      which.style.display = "none"; 
     } 
    }

И, наконец, вы можете также улучшить его, так:

function hideShow(which){ 
     if (document.getElementById) { 
      which.style.display = which.style.display == "none" ? 
       "block" : "none"; 
     } 
    }

источник

2015-06-04 03:36:06 cFreed

Javascript функция hideshow

ответ

Смежные вопросы