2015-06-11 4 views
-1

Я создал сайт, который использует Javascript для скрытия определенных div и отображения их только при открытии вкладки.Div не скрывается во вкладке

Моя проблема в том, что один из моих divs появляется во всех вкладках, и я не знаю, в чем проблема.

Раздражающая ДИВ:

<div class="tabContent" id="history"> 
<h2>History</h2> 
<div> 

</div> 

JavaScript код, показывая дивы:

function showTab() { 
    var selectedId = getHash(this.getAttribute('href')); 

    // Highlight the selected tab, and dim all others. 
    // Also show the selected content div, and hide all others. 
    for (var id in contentDivs) { 
    if (id == selectedId) { 
     tabLinks[id].className = 'selected'; 
     contentDivs[id].className = 'tabContent'; 
    } else { 
     tabLinks[id].className = ''; 
     contentDivs[id].className = 'tabContent hide'; 
    } 
    } 

    // Stop the browser following the link 
    return false; 
} 
+0

'getHash'? 'contentDivs'? 'tabLinks'? Мы можем принять * догадки * о том, что это такое, но вы должны попытаться представить более краткий пример, чтобы мы точно знали. Если 'contentDivs' является [' nodeList'] (https://developer.mozilla.org/en/docs/Web/API/NodeList), вам следует избегать использования '' for ... in' '(https: // developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/for...in). – Oka

ответ

0

Изменение элементов настройки с дисплея: нет; только работа дисплей: нет; устанавливается со встроенным.

Таким образом, вы не можете использовать класс для скрытия/отображения элементов.

Доступные коды ниже.

<div class="tabContent" id="history" style="display:none;"> 
    <h2>History</h2> 
    <div> 

    </div> 
</div> 

и

function showTab() { 
    var selectedId = getHash(this.getAttribute('href')); 

    // Highlight the selected tab, and dim all others. 
    // Also show the selected content div, and hide all others. 
    for (var id in contentDivs) { 
    if (id == selectedId) { 
     tabLinks[id].className = 'selected'; 
     contentDivs[id].style.display = ''; 
    } else { 
     tabLinks[id].className = ''; 
     contentDivs[id].style.display = 'none'; 
    } 
    } 

    // Stop the browser following the link 
    return false; 
} 
Смежные вопросы