Javascript - Autoclose di un alert bootstrap

Ciao a tutti, il mio problema e' scegliere quale alert mostrare per poi farlo sparire dopo tot secondi.

<div id='success_alert' class='alert alert-success alert-dismissable'><a href='#' class='close' data-dismiss='alert' aria-label='close'>×</a><p><strong>Dati Aggiornati!</strong></p></div>
<div id='error_alert' class='alert alert-danger alert-dismissable'><a href='#' class='close' data-dismiss='alert' aria-label='close'>×</a><p><strong>Errore Aggiornamento Dati!</strong></p></div>
<button id="#success_button">Successo</button><button id="#error_button">Errore</button>

Di default entrambi i div sono nascosti (display:none) e vorrei che schiacciando il primo button appaia il div con id success_alert e dopo tot secondi sparisca, stessa cosa per il secondo ma con l altro div. Non ne sto uscendo piu' fuori... Avete idee? Avevo pensato attraverso il setimeout ma sinceramente non so come gestire la cosa..

api.jquery.com/delay/
Qui trovi un esempio in jquery.

Ho risolto in questo modo, per chi servisse:

$("#success_alert").fadeTo(2000, 500).slideUp(500, function(){
                   		$("#success_alert").slideUp(500);
                	});