Question

html点击隐藏显示

点击北京-行业分析师，隐藏显示具体内容。左边是个div，右边也是div；
求实现代码；
html代码：
<div id="zxns">
<div id="zxns-left">
<div class="kong"> <span style="font-size:36px;">招贤纳士</span></div>
<ul id="faq">
<li><dl><dt>北京-行业分析师(全职)</dt><dd>解放出</dd> </dl></li>
<li><dl><dt>北京-行业分析师(全职)</dt> <dd>解放</dd></dl></li>
</ul></div>
<div id="zxns-right">
<div class="kong">
<span style="fontsize:36px;color:#F7F3F0">招贤纳士</span></div>
<ul id="faq">
<li><dl><dt>北京-行业分析师(全职)</dt> <dd>解放</dd> </dl></li>
<li><dl><dt>北京-行业分析师(全职)</dt> <dd>解放</dd></dl></li>
</ul></div>
</div>

Answer 1

假设如图的HTML结构如下：

<div>
    <h4 onclick="ViewDetail()">北京-行业分析师(全职)</h4>
    <p id="detail">这里是详情描述</p>
</div>

下面是实现效果的JS代码：

function ViewDetail(){
    var detail = document.getElementById('detail');
    detail.style.display == 'none' ? detail.style.display = 'block' : detail.style.display == 'none'
}

追问

Answer 2

显示具体类容的位置是在什么地方，可以贴上代码具体看看怎么写代码

追问

js代码实现了左边的效果