$(document).ready(function() {
$('#gplus').html('nicht verbunden');
$('#fbilike').html('nicht verbunden');
$('.clickable').click(function() { toggle(this); });
});
function toggle(obj) {
var li = $(obj).parent();
if (li.children('.switch').hasClass('off')) {
li.children('.switch').addClass('on');
li.children('.switch').removeClass('off');
li.children('.switch').html('verbunden');
setButton(li.children('div'),true);
}
else {
li.children('.switch').addClass('off');
li.children('.switch').removeClass('on');
li.children('.switch').html('nicht verbunden');
setButton(li.children('div'),false);
}
}
function setButton(obj,onOff) {
if (onOff) {
switch ($(obj).attr('id')) {
case 'gplus': {
$('head').append('');
$(obj).html('');
break;
}
case 'fbilike': {
$('body').append('');
$(obj).html('');
//$(obj).html('');
break;
}
}
}
else {
switch ($(obj).attr('id')) {
case 'gplus': {
$('head').remove('');
$(obj).html('
');
break;
}
case 'fbilike': {
$('body').remove('');
$(obj).html('
');
break;
}
}
}
}