Change Icon FontAwesome onClick

HTML / doble click to select

<i class='fa fa-bars' onclick="$(this).toggleClass('fa-bars fa-times');"></i> <i class='fa fa-folder' onclick="$(this).toggleClass('fa-folder fa-folder-open');"></i> <i class='fa fa-envelope' onclick="$(this).toggleClass('fa-envelope fa-envelope-open');"></i> <i class='fa fa-eye' onclick="$(this).toggleClass('fa-eye fa-eye-slash');"></i> <i class='fa fa-toggle-on' onclick="$(this).toggleClass('fa-toggle-on fa-toggle-off');"></i>

OR

<i class='fa fa-class-1' [add script here]></i>

This Script

onclick="$(this).toggleClass('fa-class-1 fa-class-2');"

Or Spin onClick

This Script

onclick="$(this).toggleClass('fa-spin');"