how to enable jquery effects on my custom cms pages..

[siddaramesh]

hi,

    i want to add fade in and fade out effect's on my cms pages, i added code in the page content but code does not effecting in front end...

i added this code

 

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>

<script>

$(document).ready(function(){

    $("#div1").fadeIn();

    $("#div2").fadeIn(2000);

    $("#div3").fadeIn(3000);

  });

</script>

 

here, div1, div2 and div3 are id's of <div> tag..

please tell me how to enable this effect in cms pages...

 

thank you...

Edited January 29, 2015 by siddaramesh (see edit history)

[Rolige]

First: don't need add jquery.min.js because is already added by prestashop.

Second: exactly, where you has added the code?

[siddaramesh]

First: don't need add jquery.min.js because is already added by prestashop.

Second: exactly, where you has added the code?

 i added code in the page content field. 

to create cms webpage we have add code in page content field right...

[siddaramesh]

i'm waiting for ur answers, please replay me....

[Rolige]

Ok, it's possible that the JavaScript code is deleted once you have saved the changes, back to the TinyMCE editor in the CMS content and check if the JavaScript code is there, if code was deleted you will need disable the HTMLPurifier Library on: BO > Preferences > General > Use HTMLPurifier Library