使用Js简单实现一个区域的点击展开和隐藏

技术开发

为了实现点击”>”符号就能够实现，下方显示区域“岗位描述”的展开显示和隐藏

Html代码片段：

1
2
3
4
5
6
7
8
9
10
11
12
<div>
    <dt class="jotitle">
        <span>{$vo.name}</span>
        <span class="desContr hand" key="{$key}">></span>
    </dt>
    <dd class="joconten desEffc bb{$key}">
    <dl class="j_15">
        <dt class="j_t">
            岗位描述
        </dt> {$vo.description}
    </dl>
</div>

CSS片段： 

1
2
3
.desEffc {
    display:none;
}

Js片段：

1
2
3
4
5
$('.desContr').click(function() {
    var key = $(this).attr('key');
    var str = '.bb' + key;
    $(str).toggleClass('desEffc');
})