0

このフィドルでは、ユーザーがアプリケーションの左側にある div (アプリケーションの左上にある小さな div) を#chatListクリックするたびに、チャット アプリケーションと同じ高さでul を表示しようとしています。ユーザーがもう一度#showUserListクリックすると、非表示にしようとしています。#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 に答える