Сделать кнопку Google +1 скрытой, как родительский div

Question

У меня есть модальное поле div, которое имеет видимость: скрытый; и после 5 с он появляется благодаря функции JavaScript. Внутри этого div у меня есть код для Google плюс одна кнопка, но дело в том, что до того, как появится модальное окно, кнопка уже видна. Я хочу, чтобы он появлялся одновременно с модальным окном (через 5 секунд после загрузки страницы, а не сразу). Есть ли способ сделать это?

<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
<g:plusone size="tall" callback="g_click_function"></g:plusone>
<script>
    function g_click_function(){
        document.getElementById('greet_block_close').click();
    }
</script>

Answer 1

Сначала добавьте идентификатор к <script> тег, такой как mygone:

<script id="mygone" type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>

Затем, если вы используете jQuery (или onload для тела), скрывайте его при загрузке страницы:

$('document').ready(function()
{
   $('#mygone').next().hide();
});

Наконец, когда вы будете готовы показать это, запустите этот код:

$('#mygone').next().show();

Я также создал пример в JSFiddle для вас здесь: http://jsfiddle.net/EDTdY/2/.