Question

因此，对于我的网站，我已成功划分了信息部分，其中页内内容可以变化。唯一的问题是现在我看不到哪个标题的内容被激活了。

这里是 jsfiddle code ，我正在尝试的是在显示相应内容时突出显示所选标题。

第一个Javascript代码：

function toggle_visibility(id) {
    var infoBox = document.getElementsByClassName("info");
    for (var i = 0; i < infoBox.length; i++) {
        infoBox[i].style.display = 'none';
    }
    var e = document.getElementById(id);
    if(e.style.display == 'block') {
        e.style.display = 'none';
    } else {
        e.style.display = 'block';
    }
}

有人能帮助我吗？：（

Answer 1

Jquery： -

   $(".heading").click(function(){    
        if(!$(this).hasClass("active")){
            $(".heading").removeClass("active");
            $(this).addClass("active");
        }   
    });

使用以下命令更新CSS：

.active{
    color:red:
    border-bottom: 2px #7D5B61 solid !important;
}

和HTML with

<a class="heading active" onclick="toggle_visibility('info1');">

Js小提琴： - http://jsfiddle.net/codenathan/dtZLU/8/

为Javascript激活的标题设置标题样式

1 个答案: