Bootstrap Toggle Icon Using jQuery
Bootstrap Toggle Icon Using jQuery – Sometimes we need the icon toggle functionality in bootstrap. You can add toggle icon functionality using jQuery. Here in this tutorial we are going to explain how you can implement the toggle icon using jQuery. You can use our online editor to edit and run the code.
Bootstrap Toggle Icon Using jQuery
You can create simple javascript function to handle the toggle functionality as below –
Bootstrap Toggle Icon Using jQuery Example:
<script type="text/javascript">
function toggleIcon(){
$("#myIcon").toggleClass("glyphicon glyphicon-chevron-up glyphicon glyphicon-chevron-down");
}
</script>
|
The above function will add the toggle functionality in the icon.
If you run the above example it will produce the output something like this –
Advertisements
