Как объединить два скрипта в один
 

Два скрипта:

/*первый*/
		$(document).ready(function() {

			url = window.location.href;
			option = url.match(/ukey(.*)/)[1];
			showDiv(option);
		});
		function showDiv(option) {
			$('.boxes').show();
			$('#' + option).hide();
		}
/*второй*/
    $(function () {
        if (document.location.href.indexOf('ukey=cart') > -1) {
            $('#cartaction').show();
        } else {
            $('#cartaction').hide();
        }
    });

Как их приютить в одной странице, чтобы оба выполняли свои функции?
Сейчас, по отдельности они работают прекрасно.

Данные скрипты отображают скрытые DIVы при параметрах в url

<style type="text/css">
.boxes {
			display: none;

}
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script>
<script>
$(document).ready(function() {
    var option = window.location.href.match(/ukey/i)[1];
    if ( '=cart' === option )
        $('#cartaction').show();
    else {
        $('#cartaction').hide();
        $('#' + option).hide();
    }
 
    $('.boxes').show();
});
</script>


<div class="boxes" id="first">
содержимое первого дива 1
</div>
<div id="cartaction" style="display:none">
содержимое второго дива 2
</div>

при параметре ?ukey (и прочих ?ukey=(N1, N2 ...) должен отобразиться первый див, с этим все круто работает!)
второй скрыт

при параметре ?ukey=cart первый скрыт, второй отображается. (с этим сложности, не получается... :( )

Помогите плиз

вопрос снят решение найдено :)