Toggle a property of a breadcrumb navigation from "true" to "false"

How do I toggle the data-disabled property of the following breadcrumb navigation from "true" to "false":

<ul class="breadcrumb" 
        <li><a href="#">Section1</a></li>
        <li><a href="#">Section2</a></li>
        <li><a href="#">Section3</a></li>
    <div id="rfrcontent">
        <div id="rfrsection1">    
                <?php include "Section1.php";?>  
        <div id="rfrsection2">    
			    <?php include "Section2.php";?>  
        <div id="rfrsection3">    
			    <?php include "Section3.php";?>  

Open in new window

Basically what I would like to do is that in response to some other event, I would like to change the data-disabled property from "true" to "false", thereby enabling the breadcrumb navigation.  How would I do that?  Thanks.
Who is Participating?
Chris StanyonCommented:
Something like this would do it:

$('#rfrbc').attr('data-disabled', 'false');
DanielAttardAuthor Commented:
Thanks Chris.  It looks so simple once I see it written down for me.
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.