Bonjour

J'essaie en vain de mettre un effect toggle sur mon site avec mootools mais j'ai l'impression qu'il y un conflit entre 2 librairies mootools car tout fonctionne tres bien quand je supprime cette
Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <script type="text/javascript" src="/media/system/js/mootools.js"></script>
Mais dès que je la rajoute (voici le code en entier)
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 
	<script type="text/javascript" src="/mootools.js"></script>
	<script type="text/javascript" src="/effect.js"></script>
     <link rel="stylesheet" href="/templates/system/css/general.css" type="text/css" />
<link rel="stylesheet" href="/templates/joomspirit_36/css/main.css" type="text/css" />
<link rel="stylesheet" href="/templates/joomspirit_36/css/nav.css" type="text/css" />
<link rel="stylesheet" href="/templates/joomspirit_36/css/typo.css" type="text/css" />
 
<link rel="stylesheet" href="/templates/joomspirit_36/css/moomenuh.css" type="text/css" />
 
	<title>Fx.Slide Demo</title>
    <script src="/templates/joomspirit_36/lib/js/event.js" type="text/javascript"></script>
 
<script src="/templates/joomspirit_36/lib/js/scroll.js" type="text/javascript"></script>
<script src="/templates/joomspirit_36/lib/js/scroll_controls.js" type="text/javascript"></script>
<script type="text/javascript" src="/templates/joomspirit_36/lib/js/effect_fade.js"></script>
<script type="text/javascript" src="/templates/joomspirit_36/lib/js/tooltips.js"></script>
<script type="text/javascript" src="/templates/joomspirit_36/lib/js/moomenuh.js"></script>
<script type='text/javascript'>
	/* <![CDATA[ */ $(function(){
		$("div.kirousel-0_catalogue").kirousel({ direction: "horizontal", nextBtn: '<img src="/plugins/content/plugin_kirousel/next.png" alt="next" width="30" height="30" />', prevBtn: '<img src="/plugins/content/plugin_kirousel/prev.png" alt="previous" width="30" height="30" />', loop: true });
	}); /* ]]> */
	</script>
	<style type='text/css'>
		.kirousel_container_0_catalogue .kirousel.js .kirousel-wrap { height:616px; width:100%; }
		.kirousel_container_0_catalogue .kirousel.js ul li  { height:636px; width:1023px; }
		.kirousel_container_0_catalogue { width:1023px;  }
		.kirousel_container_0_catalogue .kirousel .previous { top: 286px;}
		.kirousel_container_0_catalogue .kirousel .next { top: 286px;}			
	</style>
  <link href="/templates/joomspirit_36/favicon.ico" rel="shortcut icon" type="image/x-icon" />
  <link rel="stylesheet" href="/plugins/content/plugin_kirousel/kirousel.css" type="text/css" />
  <script type="text/javascript" src="/media/system/js/caption.js"></script>
    <script type="text/javascript" src="/media/system/js/mootools.js"></script>
  <script type="text/javascript" src="/plugins/content/plugin_kirousel/kirousel-jquery.js"></script>
  <script type="text/javascript" src="/plugins/content/plugin_kirousel/kirousel-jquery-easing.js"></script>
<script type="text/javascript">
  $.noConflict();
  jQuery(document).ready(function($) {
    var $j = jQuery.noConflict();
  });
  // Code that uses other library's $ can follow here.
</script>
 
    <script type="text/javascript">
 
function init_dw_Scroll() {
    var wndo = new dw_scrollObj('container', 'fondu');
    wndo.setUpScrollControls('scrollLinks');
}
 
// if code supported, link in the style sheet and call the init function onload
if ( dw_scrollObj.isSupported() ) {
    //dw_writeStyleSheet('css/scroll.css');
    dw_Event.add( window, 'load', init_dw_Scroll);
}
 
</script>
 
</head>
<body>
 
	<a id="etatmenu" href="#" onclick="effect('texte','state','toggle-v');"><div id="state">Hide</div></a>
 
	<div id="state"></div>
	<div id="texte">Fonction mootools by snake/beda91it <br />a iuygft hjkl mkjuhygtfr tfyguiokpl ùmlkjhgfd dfghjbk<br />tyghujikopl ùpmoljuh dfghjkl</div>
 
 
</body>
</html>
Cela ne fonctionne plus

J'ai recopier le head de mon site joomla dans un page de test car la ligne
CODE] <script type="text/javascript" src="/media/system/js/mootools.js"></script>[/CODE]
est apeller automatiquement je ne peux donc pas la supprimer.

Merci de votre aide