No entiendo como puede pasar lo que te esta pasando. Pero en todo caso cambia de estrategia y en vez de llenar el campo con append, usa un div escondido, y cuando hagas click mostralo.
Cita: $(document).ready(function(){
$('#tabla-operarios').hide()
$('#boton-operario').click(function() {
detallar();
});
});
function detallar() {
$('#tabla-operarios').show();
}
<div id="tabla-operarios">
<p><span class="nom-op">DC</span><span class="horas-op">10 horas</span></p>
</div>