このjqueryコードを実行すると、基本的に画像をクリックするとdivがスライドインし、エスケープキーを押すかdivの外側をクリックしても何も起こりません...しかし、画像をクリックするとdivもスライドインしたいです再びそれが行います。問題は、divをもう一度クリックすると、浮かんでいることなくすぐにスライドすることです..
jquery コード:
$(document).ready(function(){
$(".mirror_content").hide();
$('#mir_way').on('click' , function() {
$('#mir_way').toggle(function(){
$('#mirror').stop().animate({width:"1109px", opacity: 1 , margin: "0 235px 0 0"}, 100, function() {
$('.mirror_content').fadeIn('slow');
});
$(window).on('keyup', function(event) {
if(event.which === 27) {
$('.mirror_content').fadeOut('slow', function() {
$('#mirror').stop().animate({width:"0", opacity:0.1}, 100);
});
}
});
$(window).on('mouseup', function (e)
{
var container = $("#mirror");
if (container.has(e.target).length === 0)
{
$('.mirror_content').fadeOut('slow', function() {
$('#mirror').stop().animate({width:"0", opacity:0.1}, 100);
});
}
});
}, function(){
$('.mirror_content').fadeOut('slow', function() {
$('#mirror').stop().animate({width:"0", opacity:0.1}, 100);
});
});
}).trigger('click');
});