javascript - Hideshow element with a boolean - Stack Overflow

admin管理员组

文章数量:1134246

I tend to have a lot of these in my code

if(shouldElementBeVisible)
    $element.show()
else
    $element.hide()

Is there any more elegant way packaged with javascript, jquery, or underscore? Ideally I want something that looks like this

$element.showOrHideDependingOn(shouldElementBeVisible)

I tend to have a lot of these in my code

if(shouldElementBeVisible)
    $element.show()
else
    $element.hide()

Is there any more elegant way packaged with javascript, jquery, or underscore? Ideally I want something that looks like this

$element.showOrHideDependingOn(shouldElementBeVisible)

• javascript
• jquery
• underscore.js
• visibility

Share Improve this question Follow edited Jan 14, 2015 at 21:29 JRulle 7,57866 gold badges4141 silver badges6363 bronze badges asked Jan 14, 2015 at 18:41 Akhil FAkhil F 7,72088 gold badges4444 silver badges5454 bronze badges 2

• jQuery show or hide – George Commented Jan 14, 2015 at 18:46
• @SpencerWieczorek that question happens to reference toggle, but its a different question – Akhil F Commented Jan 14, 2015 at 18:52

Add a comment  | 

4 Answers 4

Sorted by: Reset to default 209

Apparently you can just pass a boolean to the toggle function

$element.toggle(shouldElementBeVisible)

Yes there is!

$element.toggle();

Without any parameters, toggle just toggles the elements visibility (I don't mean the visibility property) and depends on the current state of the element.

$element.toggle(display);

If you call toggle with a boolean parameter, element is shown if it is true and hidden if it is false

source

jQuery has toggle: http://api.jquery.com/toggle/

$element.toggle();

This will show the element if it's hidden, and hide it if it's shown.

$element[ shouldElementBeVisible?'show':'hide' ]()

本文标签： javascriptHideshow element with a booleanStack Overflow