Jquery functions working momentarily, and then not at all?
<p>I had applied this slide mechanism to a page, and it worked fine for a while. I can't remember changing anything at all, but now it won't function properly.</p>

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

<pre><code>$(document).ready(function () {
    var hash = window.location.hash.substr(1);
    var href = $('#nav li a').each(function () {
        var href = $(this).attr('href');
        if (hash == href.substr(0, href.length)) {
            var toLoad = hash + '.html #content';
            $('#content').load(toLoad)
        }
    });
    $('#nav li a').click(function () {
        $("#story_pane").animate({
            marginLeft: 360
        }, 250);
        $("#main_content").animate({
            marginLeft: -600,
            opacity: 0.3
        }, 250);
        $("#main_content").css();
    });
    alert("test");
    var toLoad = $(this).attr('href') + ' #content';
    $('#content').hide(1, loadContent);
    $('#load').remove();
    $('#story_pane').css("display", "block");
    $('#story_pane').append('&lt;span id="load"&gt;&lt;/span&gt;');
    $('#load').fadeIn(1);
    window.location.hash = $(this).attr('href').substr(0, $(this).attr('href').length - 5);

    function loadContent() {
        $('#content').load(toLoad, '', showNewContent())
    }

    function showNewContent() {
        $('#content').show(1, hideLoader());
    }

    function hideLoader() {
        $('#load').hide();
    }
    return false;
});
</code></pre>

<p>Only the "test" alert executes properly, I had been looking for any brackets i forgot to close, or other syntax issues but i'm in a bit of a dead end. I do have the files backedup, but that's a last resort option, in case I can't fix this.</p>

<p>edit- works now, I deleted  <code>$("#main_content").css();</code> and added a click function which fixed it</p>
