Button to images using jquery?

Button to images using jquery?

Hi,

Small problem with button clicking...

 #button1 says "red colour" and #button2 is a button that says "blue colour" and it should display to whatever colour depending on what button you press. ATM it will display if you click red and then blue but you cant then re-click red, or if you do it blue and then red it wount work if you then click on red.

Any idea's where i am going wrong ( hope you understand) Thanks

  2.  $(document).ready(function(){
  3. var margin =$("#image2").height()/2;
  4. var height=$("#image2").height();
  5. var width=$("#image2").width();
  6. var margin =$("#image7").height()/2;
  7. var height=$("#image7").height();
  8. var width=$("#image7").width();
  9. $("#image2").stop().css({height:'0px',width:''+width+'px',marginTop:''+margin+'px',opacity:'0.5'});
  10. $("#image7").stop().css({height:'0px',width:''+width+'px',marginTop:''+margin+'px',opacity:'0.5'});


  13. $("#button1").click(function(){
  15. window.setTimeout(function() {
  16. $("#image2").stop().animate({height:''+height+'px',width:''+width+'px',marginTop:'0px',opacity:'1'},{duration:500});
  17. },500);
  18. });

  20. $("#button2").click(function(){
  22. window.setTimeout(function() {
  23. $("#image7").stop().animate({height:''+height+'px',width:''+width+'px',marginTop:'0px',opacity:'1'},{duration:500});
  24. },500);
  25. });