jquery zur Nutzung von toggle in php datei

[Benjamin]

Hallo zusammen,

ich habe eine Seite, wo ich den Inhalt mit einer php-Datei erzeuge. Da es nicht sehr viel ist habe ich nicht extra template etc. gemacht sondern alles gleich in der Seite.

Nun wollte ich dort Teile in der mobilen Version per query Funktion "toggle" ein und ausblenden lassen. Allerdings funktioniert das noch nicht.

Ich vermute, dass ich das jquery dort noch irgendwo einbinden muss (in der Seitenstruktur ist aktiviert, dass es jquery einbinden). Bei der Funktion:

if(typeof jQuery == "function")
  alert("jQuery geladen");
else
  alert("jQuery nicht geladen");

Bekomme ich aber die Meldung "jQuery nicht geladen".

Meine toggle-Funktion ist:

<script  type="text/javascript">
$.toggle = function(query)
{
        $(query).toggle("slow");
}  
</script>

          
		 
          			
	<div class="AnsprechpartnerVorstand">
		<div class="AnsprechpartnerProfil">
					<div class="AnsprechpartnerBild"> 
						<a >
							<img>
						</a>
					</div>
					<div class="AnsprechpartnerBeschreibung">
							 <?php echo $Katja; ?> Jahre, <br />
					</div>
		</div>
		<div class="AnsprechpartnerAufgaben">
					<div id="Ueberschrift" onclick="$.toggle('#Text')">Kommunikation und Medien</div> <div id="Text" style="display: none"> </div>.....

Was muss ich machen, damit das toggle funktioniert?

Besten Dank.

[Benjamin]

Ich konnte es mit den mootools lösen:

<script type="text/javascript">
/* <![CDATA[ */

window.addEvent('domready', function()
{
var myAccordion = new Fx.Accordion($$('.Ueberschrift'), $$('.Text'), {
    display: 2,
    alwaysHide: true
});
var myAccordion = new Fx.Accordion($$('.Ueberschrift2'), $$('.Text2'), {
    display: 2,
    alwaysHide: true
});

   }); 
/* ]]> */
</script>

[fiedsch]

Das

Ich konnte es mit den mootools lösen:

<script type="text/javascript">
window.addEvent('domready', function()
{
// ...
}); 
</script>

ist wahrscheinlich genau das was Dir oben bei jQuery gefehlt hat. Dort wäre es

<script>
$(document).ready(function() {
  // ...
});
</script>