Question

Ive been trying to get this to work but it keeps giving me an error. Here is the jsfiddle:

http://jsfiddle.net/2ZUmM/

Hopefully Im not completely screwing this up.

JS:

$(document).ready(function() {
    $('#showIt').click(function() {
        $('#otherObject').hide();
    });
});​

HTML:

     <section id="main">
        <header>

        </header>
        <article>
            <a id="showIt" href="">Show only one</a>
        </article>
        <footer>

        </footer>
    </section>
    <section id="otherObject">
        <header>

        </header>
        <article>
            <img src="tdk.jpg">
        </article>
        <footer>

        </footer>
    </section>
    <section id="otherObjectTwo">
        <header>

        </header>
        <article>

        </article>
        <footer>

        </footer>
    </section>
    <section id="otherObject3">
        <header>

        </header>
        <article>

        </article>
        <footer>

        </footer>
    </section>​

Answer 1

Remember to return false; on the link:

$(document).ready(function() {
    $('#showIt').click(function() {
        $('#otherObject').hide();
        return false;
    });
});​