Cum să folosesc filele jQuery UI într-o pagină WordPress?

Vreau să folosesc filele jQuery UI în paginile mele WordPress 3.1.4. Scriu tutoriale de programare pentru publicul VB .NET dar doresc să ofer și cod sursă în C#, iar filele ar permite cititorilor să comute între cele două. Aș putea probabil să-mi creez propriile file, dar acesta trebuia să fie un proiect de "învățare despre jQuery". S-a transformat mai mult într-un proiect "WTF WordPress". Nu sunt expert în JS și încerc să remediez asta. Nu sunt guru WordPress și nu vreau să învăț mai mult decât este necesar momentan.

Am o pagină care este doar un copy/paste din demo-ul jQuery UI Tabs. Nu funcționează; lista și toate div-urile sunt vizibile și nu apar filele reale. Știu că asta se întâmplă pentru că am nevoie de CSS, dar aici m-am blocat. Nu mai sunt sigur că doar CSS-ul ar rezolva problema și nici nu știu cum să identific dacă problema este la CSS, JS sau WordPress. Până la acest proiect, blogul meu "mergea pur și simplu" și așa îmi place să funcționeze lucrurile.

Primul lucru pe care l-am încercat a fost să adaug CDN-ul Google pentru jQuery în header.php al temei mele. Am reușit să fac alert-uri să funcționeze, dar indiferent ce am făcut, filele nu apăreau. (Acum știu că era nevoie de CSS. Mulțumesc pentru că nu ai menționat asta, documentație jQuery!) Am început să cercetez și am realizat că WordPress încarcă jQuery, la fel ca multe plugin-uri (deși eu folosesc doar Spam Karma și Akismet). Avea sens că poate încărcarea jQuery de la Google a creat confuzie. După ceva research, am găsit câteva site-uri care sugerau să folosesc wp_enqueue_script() în header. Documentația lista o serie de script-uri, așa că am adăugat "jquery", "jquery-ui-core" și "jquery-ui-tabs". Văd un tag script care încarcă jQuery (versiunea 1.4.4...) în header, dar celelalte tag-uri par să nu aibă niciun efect. Înțeleg că este încărcat în modul "no conflict" așa că folosești "jQuery()" în loc de "$()". Pot face alert-uri să funcționeze dar nu și filele. Din nou, sunt suspicios pentru că nu pare că pagina mea încearcă să încarce jQuery UI deloc. Probabil nu ar conta pentru că nu sunt sigur dacă WordPress vine cu CSS-ul potrivit. Am văzut câteva pagini care sugerează să încarc jQuery UI în footer-ul paginii, altele care susțin că trebuie să adaug niște lucruri pe care nu le înțeleg în functions.php, și alte soluții din articole prea vechi pentru a fi de încredere. Nu știu ce să mai încerc.

header.php

<?php wp_enqueue_script("jquery"); ?>
<?php wp_enqueue_script("jquery-ui-core"); ?>
<?php wp_enqueue_script("jquery-ui-tabs"); ?>
<script type="text/javascript" src="http://www.owenpellegrin.com/blog/highlight/scripts/shCore.js"></script>
<script type="text/javascript" src="http://www.owenpellegrin.com/blog/highlight/scripts/shBrushCSharp.js"></script>
<script type="text/javascript" src="http://www.owenpellegrin.com/blog/highlight/scripts/shBrushVb.js"></script>
<script type="text/javascript" src="http://www.owenpellegrin.com/blog/highlight/scripts/shBrushXml.js"></script>
<link type="text/css" rel="stylesheet" href="http://www.owenpellegrin.com/blog/highlight/styles/shCore.css"/>
<link type="text/css" rel="stylesheet" href="http://www.owenpellegrin.com/blog/highlight/styles/shThemeDefault.css"/>
<script type="text/javascript">
    SyntaxHighlighter.all();
</script>
<meta charset="<?php bloginfo( 'charset' ); ?>" />
<title><?php
(... restul header.php implicit din TwentyTen ...)

pagina legată

<script>
jQuery("document").ready(function() {
    jQuery( "#tabs" ).tabs();
});
</script>

<div id="tabs">
    <ul>
        <li><a href="#tabs-1">Nunc tincidunt</a></li>
        <li><a href="#tabs-2">Proin dolor</a></li>
        <li><a href="#tabs-3">Aenean lacinia</a></li>
    </ul>
    <div id="tabs-1">
        <p>Conținut Tab 1.</p>
    </div>
    <div id="tabs-2">
        <p>Conținut Tab 2</p>
    </div>
    <div id="tabs-3">
        <p>Conținut Tab 3</p>
    </div>
</div>

Am adăugat apelul ready() pentru că eram curios dacă poate codul din demo nu rulează. Am încercat și această variantă a codului fără succes:

jQuery("document").ready(function() {
    jQuery( "#tabs" ).tabs();
});

Ce îmi scapă?