jQuery starts another function and I don't want it -
i have script: http://jsfiddle.net/z8cuz/ jquery code: $('.list').hide(); $('.close').hide(); var widthval = false; $('#left').click(function(){ if(widthval == false){ $('#middle').hide('fade', 300); $('#right').hide('fade', 300, function(){ $('#left').find('.list').show(); $('#left').find('.close').show(); $('#left').animate({ width: "96%", opacity: 1 }, 1000 ); }); widthval == true; } }); $('.close').click(function(){ $(this).parent().animate({ width: "30%", opacity: 1 }, 1500 ); widthval == false; $('#middle').show(); $('#right').show(); $('.list').hide(); $('.close').hide(); }); when click #left div, works ok, when click x , should hide details, hide x , show #middle , #right tags , set width 30%. this, comes 96% width. don't know wh...