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" 
    	id="rfrbc"
        data-numbers="true" 
        data-connect="rfrcontent"
        data-disabled="true">
        <li><a href="#">Section1</a></li>
        <li><a href="#">Section2</a></li>
        <li><a href="#">Section3</a></li>
    </ul>
    <div id="rfrcontent">
        <div id="rfrsection1">    
                <?php include "Section1.php";?>  
        </div>
        <div id="rfrsection2">    
			    <?php include "Section2.php";?>  
        </div>	
        <div id="rfrsection3">    
			    <?php include "Section3.php";?>  
        </div>
    </div>

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.
DanielAttardAsked:
Who is Participating?
 
Chris StanyonCommented:
Something like this would do it:

$('#rfrbc').attr('data-disabled', 'false');
0
 
DanielAttardAuthor Commented:
Thanks Chris.  It looks so simple once I see it written down for me.
0
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.