[jQuery] what is the correct way to test 'display' value in jQuery?

[jQuery] what is the correct way to test 'display' value in jQuery?


This code works, but it seems inelegant:
if ($("#subnav-1")[0].style.display == "block") $("#subnav-1")
[0].style.display = "none";
This seems to violate The One True jQuery Way:
[0]
I assume I'm not suppose to do that.
The each() method is more elegant, but it is more verbose:
$("#subnav-1").each(function() {
if (this.style.display == "block") this.style.display = "none";
}
Curious if there is another, shorter way to do this?