单击列表中的第一个项目时打开手风琴

时间:2015-09-04 14:16:25

标签: javascript jquery list

我有一个这样的清单:

public IDataReader ExecuteDataReaderAsync(string connectionString, CommandType cmdType, string spName, params SqlParameter[] cmdParameters)
{
    // These two are intentionally are not in a using statement, but it is ok, closing 
    // the reader cleans up the resources.
    var conn = new SqlConnection(connectionString))
    var cmd = new SqlCommand(spName, conn))

    cmd.CommandType = cmdType;
    cmd.Parameters.AddRange(cmdParameters);
    conn.Open();
    var reader = cmd.ExecuteReader(CommandBehavior.CloseConnection);
    return new CleaningDataReader(reader, cmd, conn);
}

班级"副标题"显示:默认情况下为none。当我点击列表中的第一个元素" 我的标题"我想让其他人滑开(再次点击时再向上)。有没有办法可以做到这一点? JS或jQuery会做

为方便起见:http://jsfiddle.net/at5gegme/1/

3 个答案:

答案 0 :(得分:0)

是的,你可以这样做:

$('li').click(function(){
   var $nxt = $(this).next('.subtitle');
   $('.subtitle').not($nxt).slideUp('slow');
   $nxt.slideDown('slow');
});

FIDDLE DEMO

答案 1 :(得分:0)

$('ul').on('click', 'li', function() {
    $(this).siblings().slideToggle();
});

http://jsfiddle.net/at5gegme/11/

答案 2 :(得分:0)

您可以使用jquery和

之类的代码
 $(document).ready(function(){
     $("#title").click(function(){
     $(".subtitle").slideDown();
     });

     $(".subtitle").click(function(){
     $(".subtitle").slideUp();
   });
  });

并根据您的需要进行定制