jQuery hide() method do show element with display:none !important


Tags: javascript,jquery,html,css

Problem :

I have a problem.

I have assigned an element a class which has following CSS:

.cls {
  display:none !important;
}

When I try to show this element with jQuery

$(".cls").show();

It does not work.

Can anybody please help me on how to hide this element?



Solution :

$('.cls').attr('style','display:block !important');

DEMO


    CSS Howto..

    How to recreate Mac like File Browser in all OS with JS/CSS

    Show warnings screen resolution

    How to add an image to a custom CSS button

    How to get relative CSS from photoshop artboard?

    jQueryUI show/hide animation issue with child nodes

    How to make an inline-block box stick to the top? [duplicate]

    I have a simple image picture slider with JQuery, but I do not know how to animate up or down

    How do i get a font to show up smooth like this?

    CSS how to make special div shape

    How to change text direction of every line of text using javascript/jquery?

    How to change ListView cell's text color in JavaFX using css

    How to use CSS to increase the contrast on visited hyperlinks?

    How do you have a hidden div appear and change sizes using css or jquery?

    how to arrange divs with css as a grid?

    How to center variable length submit buttons?

    How to use easeOutBounce animiation on display block?

    How do I vertically align text inside an anchor element, which is nested within an unordered list

    How to make these imgs 2 rows, overflow the browser be seen with scroll right? not change to row 3

    Horizontal navigation menu - how to increase size of
  • on hover
  • How to use CSS to make this works on retina screen?

    Hovering over a container div shows hidden div. When cursor is put over hidden div, behavior of container div changes

    How to make columns scroll independently using CSS?

    How to place 2 div side by side (alternative solution)

    How can i execute two effects on .mousenter THIS?

    How to keep a sticky menu contained inside a floating sidebar?

    How can I improve this markup and CSS to keep things simple and easy to work with?

    How to style xml file? from xml to html using xslt and style that html using css [closed]

    How to define class in CSS

    How to make Internet Explorer 8 to support nth child() CSS element?

    How to overlap a child element of one div with`display:table-cell` over another div with `display:table-cell?`