Question

jquery左边菜单栏点击时被点击的展开，其他隐藏效果怎么弄啊？

1、代码
--<table>
--<tr>
--<td>
--<dl>
--<dt>标题1</dt>
--<dd>1.1</dd>
--<dd>1.2</dd>
--<dd>1.3</dd>
--</dl>
--<dl>
--<dt>标题2</dt>
--<dd>2.1</dd>
--<dd>2.2</dd>
--<dd>2.3</dd>
--</dl>
--</td>
--</tr>
--</.table>
2、除了被点击那个可以展开下面的列表，其他的都隐藏怎么弄啊？

Answer 1

$(function () {
    $('dl').click(function () {
        $(this).slideDown().siblings().slideUp();
    });
});

追问

标题那一个是永远都在的，我说的是dd隐藏起来。。就是说点击的时候，被点击标题和dd展示出来，然后其他标题下的dd都隐藏起来

追答

$(function () {
    $('dt').click(function () {
        $(this).parent().find('dd').show().end().siblings().find('dd').hide();
    });
});