Кнопка Google Share не отображается правильно, если оригинал скрыт

Question

Кто-нибудь знает о том, как кнопка Google Share не отображается должным образом, если она изначально скрыта с помощью css display:none на ее родительском div, а затем отображается с помощью jquery .show()?

Из-за проблемы, с которой я сталкиваюсь, я не вижу, какой код будет полезен для добавления, но я сделал очень простой JSFIDDLE, который показывает проблему.

Answer 1

Похоже, что виджет Google+ обнаруживает пространство, в котором он находится, и в вашем случае сокращается с 96 до 80 пикселей. Если вы используете JavaScript для отображения скрыть его, вместо CSS, вы получаете исправить это:

$('#btn').on('click', function() { 
    $('#parent-div').show(); 
}); 
setTimeout(function() { 
    $('#parent-div').hide(); 
}, 0) 

jsFiddle example