Use jquery's toggle in Moodle

Use jquery's toggle in Moodle

David Dubois
Number of replies: 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
   
평균 등급 : -
In reply to 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.

In reply to 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

 

In reply to David Dubois

Re: Use jquery's toggle in Moodle

Brian Merritt

Could be a number of issues, such as jQuery not being loaded correctly, there being conflict issues with $, jQuery version conflict if multiple are loaded etc.  Does the script work OK in jfiddle or similar?

 

In reply to 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