0

在这个小提琴#chatList中，每当用户单击#showUserList应用程序左侧的 div（应用程序左上角的一个小 div）时，我都会尝试显示 ul ，该应用程序的高度与聊天应用程序的高度相同。当用户#showUserList再次点击时，我试图隐藏它。我认为这发生在聊天应用程序的后面，而不是它的左侧。

并且每当用户点击其中的任何一个时li，#chatList我都想隐藏 #chatList。我不知道该怎么做，因为要隐藏它，它需要切换函数调用（我想是的）

而且有时下面的代码会在很长一段时间后执行。我不想发生这种情况。

这是我尝试过的：

var sameWidth = $('#chat-outline').width();
var sameHeight = $('#chat-outline').height();

$('#showUserList').click(function() {
   $('#chatList').toggle('slow', function() {
     $("#chatList").animate({
        position: "absolute",
        width: sameWidth,
        left: sameWidth,
        height:'100%',
        fontSize: "1em"
     }, 1000 );
  });
});

编辑：我在这里尝试，我得到了一些接近预期的结果

请检查此链接http://jsbin.com/utoyej/34/

4

1 回答 1

2

你的意思是这样的吗？

代码

$(document).ready(function(){

  $("h1").on('click',function(){
    $("div#content").slideToggle();
  });

});

JSFiddle

于 2013-01-05T12:44:22.040 回答