googluj: jquery show hide div
a więc znalazłem plugin:
http://papermashup.com/jquery-show-hide-plugin/
znalazłem również poradnik jak zaimplementować jQuery w WordPressie, ale jakoś nie mogę sobie z tym poradzić. Skrypt w dalszym ciągu nie działa :/
Z tego co wyczytałem:
1. W pliku header.php, w tagu <head></head> należy umieścić funkcję:
<?php wp_enqueue_script("jquery"); ?>
<?php wp_head(); ?>
(jest ona już umieszczona w moim header.php)
2. Po funkcji wp_head a przed tagiem </head> wstawiłem kod:
<script type="text/javascript"
src="<?php bloginfo("template_url"); ?>/js/showHide.js"></script>
3. Napisałem artykuł w którym umieściłem kod HTML:
<a class="show_hide" href="#" rel="#slidingDiv">View</a></pre>
<div id="slidingDiv" class="toggleDiv" style="display: none;">Fill this space with really interesting content.</div>
<pre>
<a class="show_hide" href="#" rel="#slidingDiv_2">View</a></pre>
<div id="slidingDiv_2" class="toggleDiv" style="display: none;">Fill this space with really interesting content.</div>
<pre>
Suma sumarum artykuł jest pusty :/ Nie wiem co robię źle. Proszę o instrukcję.
Pozdrawiam.