If div value equals '1' hide another div

Question

I have a div that loads in the number of images on each page. For example:

<div class="totalimages">1</div>
<div id="arrows">NEXT</div>

When I have one image, i'd like to hide the #arrows div. I'm not very good with jQuery so I was wondering what the syntax would be for it to be,

IF the .totalimages div equals '1' then HIDE the div #arrows.

Thank you!

Answer 1

Try this:

if ($(".totalimages").text() == "1") {
    $("#arrows").hide();
}

or in one line:

$("#arrows").toggle($(".totalimages").text() != "1");