jQuery FA multi button

Default button

$('#btn1').famultibutton();

Set status

btn = $('#btn2').famultibutton();
btn.setOn();

Other icons

$('#btn3').famultibutton({
   backgroundIcon: 'fa-circle-thin',
   icon: 'fa-music',
   onColor: '#aa6900',
   offColor: '#505050'
});

Push button

$('#btn4').famultibutton({
   backgroundIcon: 'fa-circle-thin',
   icon: 'fa-refresh',
   onColor: '#aa6900',
   offColor: '#505050',
   mode: 'push', 
});

Status callback

$('#btn5').famultibutton({
    icon: 'fa-lock',
    onColor: '#ffffff',
    offColor: '#eeeeee',
    onBackgroundColor: '#33dd00',
    toggleOn: function( ) {
      $('#out').text('Is on')},
    toggleOff: function( ) {
      $('#out').text('Is off')}
});

Green push button

$('#btn6').famultibutton({
    backgroundIcon: 'fa-square-o',
    icon: 'fa-undo',
    onColor: '#33dd00',
    offColor: '#505050',
    onBackgroundColor: '#33dd00',
    mode: 'push', 
});

Signal indicator

btn=$('#btn7').famultibutton({
    icon: 'fa-lightbulb-o',
    onColor: '#ffffff',
    offColor: '#eeeeee',
    onBackgroundColor: '#33dd00',
    mode: 'signal', 
});
btn.setOn();

Color settings

btn=$('#btn8').famultibutton({
    icon: 'fa-heart',
    onColor: '#ffffff',
    offColor: '#ffffff',
    onBackgroundColor: '#dd3300',
    mode: 'toggle', 
});
btn.setOn();

Smallest size

btn=$('#btn9').famultibutton({
	icon: 'fa-play',
	classes: [''],
}).setOn();

Bigger size

btn=$('#btn10').famultibutton({
	icon: 'fa-stop',
	classes: ['fa-lg'],
}).setOn();

3x size

btn=$('#btn11').famultibutton({
	icon: 'fa-step-backward',
	classes: ['fa-3x'],
	mode: 'push', 
});

4x size

btn=$('#btn12').famultibutton({
	icon: 'fa-step-forward',
	classes: ['fa-4x'],
	mode: 'push', 
});