a jquery plugin is applying an inline style (display:block), I'm feeling lazy and i want to override it with display:none,
what's the best (lazy) way?
+4
A:
.removeAttr("style") to just get rid of the whole style tag... .attr("style") to test the value... .attr("style",newValue) to set it to something else
kekekela
2010-03-17 19:18:01
This will affect _all_ inline styles, not just `display`.
SLaks
2010-03-17 19:21:18
sounds good ill give it a try and let you know, i never use inline styles normally so happy to clear all inline styles
Haroldo
2010-03-17 19:43:01
+3
A:
You can set the style using jQuery's css method:
$('something:visible').css('display', 'none');
SLaks
2010-03-17 19:20:59
err, what? I probably don't understand something. I'm thinking about `<div style="display:block;">`, `$('div').hide()` .
Kobi
2010-03-17 19:29:57
@Kobi: `hide` addresses one special case of modifying inline styles. This answer addresses all cases. (`hide/show` also have a limitation as two which two values are toggled. i.e. none->block or none->inline.)
Joel Potter
2010-03-17 19:32:17
@Joel: `hide` / `show` will remember the old value of `display` and restore it correctly.
SLaks
2010-03-17 19:33:26
@SLaks: Cool. That must have been added recently, as I remember having trouble with it before.
Joel Potter
2010-03-17 19:41:18
@Joel: http://api.jquery.com/hide/: The matched elements will be hidden immediately, with no animation. This is roughly equivalent to calling .css('display', 'none'), except that the value of the display property is saved in jQuery's data cache so that display can later be restored to its initial value. If an element has a display value of inline, then is hidden and shown, it will once again be displayed inline.
SLaks
2010-03-17 19:54:56
+1
A:
The Lazy way (which will cause future designers to curse your name and murder you in your sleep):
#myelement
{
display: none !important;
}
Disclaimer: I do not advocate this approach, but it certainly is the lazy way.
Joel Potter
2010-03-17 19:29:04
A:
Change the plugin to no longer apply the style. That would be much better than removing the style there-after.
Josh Stodola
2010-03-17 19:39:07
I don't know how you define lazy, I just answered how I would do it. Seems to make sense to fix the problem where it originates as opposed to patching things up outside of the plugin. I foresee messinesss when doing it that way.
Josh Stodola
2010-03-17 19:55:26