I am trying to get this click event to trigger each time ".expander" div is clicked. It works once then just stops working. Not really sure what do to from here. 

The jquery is also set up to auto scroll the content in the ".expander" div and it does this. It also 
stops scrolling on click or on scroll from the mouse like it should.

But anyway I can't seem to figure out how to get the click event to fire more then once. So it doesn't really toggle like it should. 

Thanks in Advance!!

-Jackson

The HTML

```
<div class="resume group">
        <div class="group">
            <img src="images/">
            <div>
                <h1>Achievements</h1>
                <ul>
                <li>content</li>
                <li>content</li>
                <li>content</li>
                <li>content</li>
                </ul>
            <h2>Read my resume <a href="#" class="expander">here!</a></h2>
            </div>
            .</div>

        <div id="full-resume" class="content">
            <p> a bunch of content goes here.</p>
         </div>

```

Jquery

```
        $("#full-resume").hide();

        $(".expander").click(function () {
            $("#full-resume").fadeToggle("slow");
            $('html, body').animate({
                    scrollTop: $(".expander").offset().top -160 }, 450);
             $("#full-resume").animate({scrollTop: $(document).height()}, 80000, 'linear');

            $("#full-resume").click(function (){
                $(this).stop();})

           $("#full-resume").bind("mousedown DOMMouseScroll mousewheel keyup", function(){
                          $('#full-resume').stop();
                         });

            event.preventDefault();
            return false;
        });

```

Here is a jsfiddle for this <http://jsfiddle.net/jacksonvoice/Br9C3/3/>