Problem with javascript (jquery) on my template

[ats2008]

Hi guys,

please give me some advice, 'cos after few hours struggling with the code, the only I want is to throw the computer (and programing at all) through the window... .

The problem is javascript that doesn't work on my joomla 1.5.22 tamplate.

I am trying to use on it script that slides login modul down according to this tutorial, that on html file works perfectly http://www.webskrypty.pl/2010/wysuwany- ... -w-jquery/.



As the script is made on jquery I use the nonconflict plugin.

I tried to place the code directly in header like so:

Code: Select all

<script type="text/javascript">
$(document).ready(function(){
 $('#login-toggle').click(function() {
  $('#login-content').slideToggle(300, function() {
  $("#login-toggle p").toggle();
  });
 });
});
</script></head>

and link like so:

Code: Select all

<script type="text/javascript" src="<?php echo $this->baseurl; ?>/templates/<?php echo $this->template; ?>/js/slider.js">

no reaction.

I tried even to put it into beez and Ja Purity templates in the same ways - no reaction.

I have used jquery plugins quite a few time on my websites and it was ok. Now I have no idea, what is going on.

Thanks for any help.

[ats2008]

I've finnally found solution:

I have wrong syntax.

This is correct:
<script type="text/javascript">
var $j = jQuery.noConflict();
$j(document).ready(function(){
$j('#login-toggle').click(function() {
$j('#login-content').slideToggle(300, function() {
$j("#login-toggle p").toggle();
});
});
});
</script>