부울로 요소 숨기기/표시

부울로 요소 숨기기/표시

제 코드에 이런 것들이 많은 편입니다.

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

javascript, jquery, 또는 언더스코어로 포장된 더 우아한 방법이 있습니까?이상적으로 나는 이런 모양의 것을 원합니다.

$element.showOrHideDependingOn(shouldElementBeVisible)

보아하니 당신은 부울을 그냥 전달할 수 있습니다.toggle기능.

$element.toggle(shouldElementBeVisible)

네 있습니다!

$element.toggle();

매개변수가 없으면,toggle요소 가시성을 전환할 뿐입니다. (즉, 그 의미는 아닙니다.)visibility속성) 및 요소의 현재 상태에 따라 달라집니다.

$element.toggle(display);

전화하면toggle부울 파라미터를 사용하면 요소가 표시됩니다.true그리고.hidden그렇다면false

원천

jQuery 가 가지고 있습니다.toggle: http://api.jquery.com/toggle/

$element.toggle();

요소가 숨겨져 있으면 요소가 표시되고 표시되면 숨깁니다.

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

언급URL : https://stackoverflow.com/questions/27950151/hide-show-element-with-a-boolean