Функция щелчка петли, чтобы показать и скрыть div

Я чувствую, что ты можешь немного переусердствовать. Я не знаю, пытаетесь ли вы сделать анимацию или нет, но функция переключения - это то, что вы ищете.

Попробуй это:

$('#botao-expandir').click(function(){ 
    $('#clipping-content').slideToggle(); 
});

Дайте это выстрел!

ОБНОВЛЕНИЕ (другой способ выполнить одно и то же):

<script>
    .botao-hide {
     display:none;
     visibility:hidden;
     }
</script>

$('#botao-expandir').click(function(){ 
    $('#clipping-content').toggleClass("botao-hide"); 
});

для бесконечного цикла вы можете использовать функцию setInterval следующим образом;

function fooloop() {
$('#botao-expandir').click(function () {
   $('#clipping-content').show();
   $(this).text('Reduzir');
   $(this).addClass('botao-reduzir');
   $('.botao-reduzir').click(function () {
        $('#clipping-content').hide();
        $(this).text('Expandir');
        $(this).removeClass('botao-reduzir');
     });
});
}
setInterval(fooloop, 2000);

EDIT: ОК. Я вижу обновленный комментарий, а затем рекомендую вам использовать функцию переключения!

$('#botao-expandir').click(function(){ 
    $('#clipping-content').slideToggle(); 
});