0

Добрый день профи. Скажите, я сейчас использую функцию "спрятать таблицу" нажав по ссылке. Там где я вставляю id="hide_this" - элемент (таблица) исчезает.

Вопрос, а как мне сделать наоборот

  • сперва таблица спрятана,
  • а когда нажимаешь по ссылке -появляется?

Код:

function toggle() {
 if( document.getElementById("hidethis").style.display=='none' ){
   document.getElementById("hidethis").style.display = '';
 }else{
   document.getElementById("hidethis").style.display = 'none';
 }
}

Ссылка:

<a href="#null" toggle() onclick="toggle()">Показать отделы:</a>

То что прячем:

<table id="hidethis">

2 ответа 2

0

Добавьте изначально в html для таблиц style="display:none". При этом элементы будут изначально скрываться.

<table style="display:none" id="hidethis">
1
  • вы гений ... :)
    – Oleg0341
    12 окт 2017 в 11:10
0
<table id=myTable class=hidden>...</table>
<a href="javascript:toggle();">toggle table</a>

.hidden{display:none; }

function toggle() { document.getElementById('myTable').classList.toggle('hidden'); }

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.