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();
    });
});

Damb · Accepted Answer · 2011-04-03 19:59:36Z

21

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

Did you try this?

answered Apr 3, 2011 at 19:59

Damb

14.7k6 gold badges50 silver badges49 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

JD Audi Over a year ago

I tried that, but didnt know where to put that in the script? I only want it to happen when the #signincontainer is shown, but be removed when the #signincontainer is hidden.

Damb Over a year ago

For easier extensibility and manipulation.. I would put that overflow style into a css class and then in jQuery use .addClass() instead of .css(). So then you will call addClass() after you show container and then call .removeClass() when you hide it.

Anthony Graglia · Accepted Answer · 2011-04-03 20:39:55Z

1

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/

answered Apr 3, 2011 at 20:39

Anthony Graglia

5,4355 gold badges49 silver badges75 bronze badges

1 Comment

Anthony Graglia Over a year ago

A minus with no comment? Thank you.

kishan Radadiya · Accepted Answer · 2016-03-09 10:19:22Z

0

It's Simple to use:

$("p").css("color", "red");

You can follow this link : DEMO

answered Mar 9, 2016 at 10:19

kishan Radadiya

8328 silver badges14 bronze badges

Comments

Dostonbek Oripjonov · Accepted Answer · 2018-04-20 16:39:02Z

0

You can also add multiple attributes

$('select_smth').css({
   'color' : 'red',
   'height' : '10px'
});

answered Apr 20, 2018 at 16:39

Dostonbek Oripjonov

1,6941 gold badge21 silver badges30 bronze badges

Collectives™ on Stack Overflow

Add CSS property to jQuery

4 Answers 4

2 Comments

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

2 Comments

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related