Bootstrap toggle doesn't display well when added dynamically

Question

I\'m trying to add bootstrap toggle switch dynamically but it does not display well after adding it. Thanks for your help!

Answer 1

You need to call the bootstrapSwitch() again after adding and with a new ID, class or else it will alter the states of existing toggle as well.

$('.btn').on('click', function () {
    $('p').after(
        ''
    );
    $('.newBSswitch').bootstrapSwitch('state', true); // Add
});

JSfiddle