Use jquery's toggle in Moodle

Use jquery's toggle in Moodle

από David Dubois -
Αριθμός απαντήσεων: 7

Hi,

I declared jquery and it works :

<script src="http://tmoodle.ulb.ac.be/pluginfile.php/2803/mod_resource/content/1/jquery.js" type="text/javascript">// <![CDATA[
>
<script type="text/javascript">// <![CDATA[
alert(jQuery.fn.jquery);
// ]]>
// ]]></script>

Now I would like to use toogle with this code :

<script type="text/javascript">// <![CDATA[
$('#toggle1').click(function() {
    $('.toggle1').toggle();
    return false;
});
// ]]></script>
<p id="toggle1">Simple Div Toggle<br /><br /></p>
<div class="toggle1" style="display: none; background-color: #4cf; width: 100px; height: 100px;"></div>

I obtain this error :

 
detailed error: Error: Syntax error, unrecognized expression: &gt;ul
error source line:
 
 
throw new Error( "Syntax error, unrecognized expression: " + msg );
Have you an idea of how to resolve this problem ?
 
Thank you in advance for your help
   
Μέσος όρος βαθμολογίας: -
Σε απάντηση σε David Dubois

Re: Use jquery's toggle in Moodle

από Mauno Korpelainen -

Check the syntax ... κλείσιμο ματιού

At least in your example the first script tag is not closed at all.

Σε απάντηση σε Mauno Korpelainen

Re: Use jquery's toggle in Moodle

από David Dubois -

Hi,

Thanks for your reply.

This code is added by Moodle automaticaly :

// <![CDATA[

I don't know why.

My code seems to be right ?

Thanks in advance for help.

David

 

Σε απάντηση σε David Dubois

Re: Use jquery's toggle in Moodle

από Mauno Korpelainen -

Moodle 2.x is using HTML5 and self-closing script tags don't work in HTML5. So I would add that missing </script> tag there ...

Σε απάντηση σε David Dubois

Re: Use jquery's toggle in Moodle

από Andrew Lyons -
Φωτογραφία Core developers Φωτογραφία Moodle HQ Φωτογραφία Particularly helpful Moodlers Φωτογραφία Peer reviewers Φωτογραφία Plugin developers Φωτογραφία Testers

Hi David,

I'd recommend looking at the post the Darko linked. There's also appropriate documentation on the correct way of including jQuery in Moodle at http://docs.moodle.org/dev/jQuery.

It would help if you gave some information on how you generated the above code too.

Best wishes,

Andrew Nicols