How do I hide certain elements using this function?
<p>I'm using the following function to scale each image when a user hovers over it.</p>

<pre><code>$(function() {
    var imgScale = 4;
    $("img").each(function() {
        $.data(this, 'size', {
            width: $(this).width(),
            height: $(this).height()
        });
    }).hover(function() {
        $(this).stop().animate({
            height: $.data(this, 'size').height * imgScale,
            width: $.data(this, 'size').width * imgScale
    });
    }, function() {
        $(this).stop().animate({
            height: $.data(this, 'size').height,
            width: $.data(this, 'size').width
        });
    });
});
</code></pre>

<p>The basic structure of the page is as follows:</p>

<pre><code>&lt;div id="product-container" style="width: 100%; overflow: auto;"&gt;
    &lt;div id="products" style="width: 50%; display: block; float: left;"&gt;
        &lt;h2&gt;Products&lt;/h2&gt;

        &lt;div class="product"&gt;
            &lt;div class="image"&gt;
                &lt;a href="page.php?product=123" title="Product 123"&gt;
                    &lt;img width="80" height="60" src="product123.jpg" /&gt;
                &lt;/a&gt;
            &lt;/div&gt;

            &lt;div class="link"&gt;
                &lt;p&gt;&lt;a id="link-123" href="page.php?product=123" title="Product 123"&gt;Product 123&lt;/a&gt;&lt;/p&gt;
            &lt;/div&gt;
        &lt;/div&gt;

        &lt;div class="product"&gt;
            &lt;div class="image"&gt;
                ...
            &lt;/div&gt;

            &lt;div class="link"&gt;
                ...
            &lt;/div&gt;
        &lt;/div&gt;

        ...

    &lt;/div&gt; &lt;!-- Close 'products' div --&gt;
</code></pre>

<p>Using jQuery, I would like to hide all the <code>&lt;p&gt;&lt;a id="link-123"...&gt; ... &lt;/a&gt;&lt;/p&gt;</code> tags for the products that are not currently hovered over.</p>

<p>In addition to this, I would like to create a text overlay on the expanded image that gives the product name (e.g. "Product 123"). This could be extracted from the <code>title</code> attribute of the image itself.</p>

<p>This is very much a work-in-progress in its early stages, and as you have probably guessed I am new to jQuery. I'm just trying to get to grips with some of the basic features of jQuery.</p>
