One function to rule multiple buttons, and then some
<p>I have 7 buttons. They are distributed on top of a background image and interacting with it. They are placed absolutely. I have created a jQuery function to animate one of the buttons height. The button expands upwards. Check it out here: <a href="http://hdpano.no/bf/newindex.html" rel="nofollow">http://hdpano.no/bf/newindex.html</a> and click the top left button named Deck 8.</p>

<p>I wish this function to handle all the buttons, but there are some variables. The baseline of each button varies, and i need to subtract from it as i expand the height. I also wish to close any other open button if one clicks another. </p>

<p>Here is the jQuery code:</p>

<pre><code>jQuery(document).ready(function() {

$('#link8').toggle(
function()
{
  $('#deck8').animate({height: "25px",top:"202"}, 500);
},
function()
{
$('#deck8').animate({height: "150",top:"76"}, 500);

});

});
</code></pre>

<p>The function is quite basic and I have stripped it of all my attempts to make it work with the other buttons.</p>
