Change image due to the css of display jQuery
<p>I am trying to change an image on the fact of the CSS of <code>.slidingDiv</code>.
This is the code I have so far:</p>

<pre><code>$(document).ready(function(){
    var a = $('.slidingDiv').css({'display':'none'});
    var b = $('.slidingDiv').css({'display' : 'table-row'});

    if (a &gt; b) {
        a.find('.imgchange img').attr('src','http://illiweb.com/fa/m/tabs_less1.gif');
    } else  if (a&lt;b){
        $('.imgchange img').attr('src','http://illiweb.com/fa/m/tabs_more1.gif');
    }
});​
</code></pre>

<p>Can anyone explain what I am doing wrong?</p>

<p>EDIT: I am trying to make the <code>tabs_more1.gif</code> appear if the div is closed (<code>display:none;</code>) and the <code>tabs_less1.gif</code> appear if they are opened (<code>display:table-row;</code></p>

<p>Code to open and close the divs:</p>

<pre><code>$(document).ready(function() {
  $(".slidingDiv").hide();  
$('.secondarytitle').click(function() {  
    $(this).closest('tr').siblings('.slidingDiv').slideToggle(); 
});  
  });
</code></pre>
