Getting an unique id from an element
<p>Had a good crack at this, quite a few articles around but I can't make sense of them. Any help appreciated.</p>

<p>When I click 'slide-toggle', I need 'slickbox' to expand, but ONLY that instance of 'slickbox' within 'slide' (i.e. there is more than one slickbox element on the page).</p>

<p>I have tried to use this to denote that it should only expand the relevant div, but not working so far. Thanks :)</p>

<p>My html:</p>

<pre><code>&lt;div class="slide"&gt;
  &lt;a class="slick-toggle" href="#"&gt;Toggle the box&lt;/a&gt;
  &lt;div class="slickbox"&gt;
  &lt;p&gt;Hello&lt;/p&gt;
  &lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>My jquery:</p>

<pre><code>$('a.slick-toggle').click(function() {
$('.slickbox',this).slideToggle(400);
return false;
});
</code></pre>
