基本的にhiddendが表示されたらトリガーをクリックすると、私が取り組んでいる機能がありますが、トリガーを2回クリックすると、表示する要素がすべてなくなります。これについて何か助けていただければ幸いです。http://www.jsfiddle.net/AUhPc/に jsFiddle を含めています。
$(function() {
/* Creating the overlay content elements needed */
var overlay = $('<div class="overlay"></div>').appendTo('body');
var overlay_content = $('<div class="overlay-content"></div>').appendTo(overlay);
var overlay_content_inner = $('<div class="overlay-content-inner"></div>').appendTo(overlay_content);
var btn_remove = $('<i class="i-remove">Close</i>').appendTo(overlay_content);
//$('.user-comment-item').css({"position":"relative"})
$('.my-list li .button').on("click", function() {
var button = $(this);
// overlay_content_inner.empty();
overlay.fadeIn(300,function(){
button.find('.user-comment-list').css({"display":"block"}).appendTo(overlay_content_inner);
});
});
btn_remove.click(function(){
overlay.fadeOut(300,function(){});
});
});