Question

This is written in an external .js with jquery…

I have two windows that slide in and out of view like:

$(document).ready(function() {
  // hides gallery1 as soon as the DOM is ready  
  $('#gallery1').hide();  
  // shows the menu on click   
  $('#showgal1').click(function() {  
    $('#gallery1').delay(490).show('slide', {direction:'left'});
    $('#gallery2').hide('slide', {direction:'right'});
    //need code to disable showgal1 and enable showgal2
  });
  $('#showgal2').click(function() {  
    $('#gallery2').delay(490).show('slide', {direction:'right'});
    $('#gallery1').hide('slide', {direction:'left'});
    //need code to disable showgal2 and enable showgal1
  });
});

‘gallery1’ and ‘gallery2’ are DIV’s with flash image galleries and ‘showgal1’ and ‘showgal2’ are id’s of anchors…

looks like

<a href="#" id="showgal1">gallery 1</a>

I cannot find a way to disable the .click function when one is clicked and re-enable the other…

i want to disable ‘showgal1’ by default and when ‘showgal2’ event takes place it removes the attribute and makes ‘showgal2’ disabled until ‘showgal1’ is clicked…

the .attr('disabled','disabled') hasn’t worked yet…

Answer 1

So you want to stop any action when a showgal is clicked if the associated gallery is already visible?

$('#showgal1').click(function(){
    if($('#gallery1').is(":visible"))
       return false;

    $('#gallery1').delay(490).show('slide', {direction:'right'});
    $('#gallery2').hide('slide', {direction:'left'});

});

$('#showgal2').click(function(){
    if($('#gallery2').is(":visible"))
       return false;
    $('#gallery2').delay(490).show('slide', {direction:'right'});
    $('#gallery1').hide('slide', {direction:'left'});

});

The first 2 lines of each click function will stop the function if the respective gallery is already visible.