Add CSS property to jQuery

Question

I need to set a CSS property in this script to go along with the animation, but I can't seem to do it right.

I need the div with ID of "container" to have a CSS property set when the click function is activated. I need an overflow: hidden set to #container.

Here's my script.

$(function() {
    $(".folderContent").hide();

    $(".signin").click(function(event) {
        var folderContent = $(".folderContent");


        var folderContentShown = folderContent.css("display") != "none";

        var clickedFolder = $(this);
        clickedFolder.parent("#signincontainer").after(folderContent);

        $("body").find("#container").not(clickedFolder).each(function() {
            if (!folderContentShown) $(this).not("#signincontainer").animate( {
                opacity: 0.50
            }, "slow");
            else $(this).animate({
                opacity: 1.00
            }, "slow");
        });

        //clickedFolder.animate({opacity: folderContentShown ? 1.00 : 0.70}, "fast");
        folderContent.slideToggle();
        event.preventDefault();
    });
});

Answer 1

$('#container').css('overflow','hidden');

Did you try this?

Answer 2

You should just go to the jquery site and read it... it will make more sense and it is really straight forward.

http://api.jquery.com/css/