javascript - How to use Jquery how to change the aria-expanded="false" part of a dom element (Bootstrap)?

Question

I have the following element:

<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">

I want to use jquery (or just javascript would work) to alter the aria-expanded field to toggle it between true and false.

How would I go about this?

Thanks!

question from:https://stackoverflow.com/questions/27752210/how-to-use-jquery-how-to-change-the-aria-expanded-false-part-of-a-dom-element

Answer 1

You can use .attr() as a part of however you plan to toggle it:

$("button").attr("aria-expanded","true");