Toggle Images with Drop Down Panels

Question

I have two panels that drop down. Only one can be open at a time. The links are images that need to toggle in response to the drop panel opening and closing. I can't seem to figure out how to get the images to appear correctly when the other link is click and vice versa.

These links are located on the top of the page, "Fast Quote" and "Client Login": link text

Here is my code:

    $(document).ready(function(){
$(".btn-slide").click(function(){
$("#panel_quote").slideToggle("slow");
$(this).toggleClass("closeQ"); 
$("#panel_login").slideUp();
    return false;
    });});

    $(document).ready(function(){
$(".btn-slide2").click(function(){
$("#panel_login").slideToggle("slow");
$(this).toggleClass("closeL"); 
$("#panel_quote").slideUp();    
    return false;
});});

    $(document).ready(function() {
    $(".close_q").click(function(){ 
    $(".closeQ").trigger("click"); 
    });});

I also loose the function of the "x" in the upper right corner when the quote is open.