Hoi,

Ben nu ook bezig met javascript, maar ik krijg het maar niet werkend.

Ik wil als er op de 1ste tab word geklikt, dat die dan een speciale class krijgt. en de andere class van de vorige tab die actief was, weg gaat.
Als er op een andere tab word gedrukt (Dus niet de 1ste) dat die dan de class active krijgt, en de class active/one bij de vorige tab weg gaat.(hoop dat je het nog snapt...)

In firebug krijg ik trouwens ook de volgende fout melding:

Code:

missing ) after argument list
else {\n

Javascript, script:

Code:

<script type="text/javascript">
$(document).ready(function(){
    $('#tabs div').hide();
    $('#tabs div:first').show();
    $('#tabs ul .li1').addClass('one');
            
            
                if ($('#tabs ul .li1 a').click(function(){
                    $('#tabs ul li').removeClass('active');
                    $('#tabs ul .lil').addClass('one');
                    
                    $('#tabs ul .li1').attr('href');
                    $('#tabs div:visible').fadeOut("slow",function(){
                        $('#tabs .firstdiv').fadeIn("slow")
                    });return false;
                }
                else {
                    $('#tabs ul li').removeClass('active');
                    $('#tabs ul li').removeClass('one');
                    $(this).parent().addClass('active');
                    
                    var currentTab = $(this).attr('href');
                    $('#tabs div:visible').fadeOut("slow",function(){
                        $(currentTab).fadeIn("slow")
                    });return false;
                }
});
</script>

Mvg,
Bas M.

<script type="text/javascript">
$(document).ready(function(){
$('#tabs div').hide();
$('#tabs div:first').show();
$('#tabs ul .li1').addClass('one');


if ($('#tabs ul .li1 a').click(function(){
$('#tabs ul li').removeClass('active');
$('#tabs ul .lil').addClass('one');

$('#tabs ul .li1').attr('href');
$('#tabs div:visible').fadeOut("slow",function(){
$('#tabs .firstdiv').fadeIn("slow")
}));return false;
}
else {
$('#tabs ul li').removeClass('active');
$('#tabs ul li').removeClass('one');
$(this).parent().addClass('active');

var currentTab = $(this).attr('href');
$('#tabs div:visible').fadeOut("slow",function(){
$(currentTab).fadeIn("slow")
});return false;
}
});
</script>

probeer dit eens?

Origineel gepost door Timo Maas

probeer dit eens?

hé! zelfde achternaam :D

ontopic: werkt niet... Maar kan je uitleggen wat je precies heb veranderd?

Is het niet zo dat je een functie in een functie gebruikt in een van de eerste regels code:

Code:

$(document).ready(function(){

Zoals de foutmelding zegt mist een haakje. Direct na function(
Dus:

Code:

$(document).ready(function()){

p.s. zomaar een gokje hoor. Ik ben geen Javascript-koning

Origineel gepost door PascalB.

Is het niet zo dat je een functie in een functie gebruikt in een van de eerste regels code:

Code:

$(document).ready(function(){

Zoals de foutmelding zegt mist een haakje. Direct na function(
Dus:

Code:

$(document).ready(function()){

p.s. zomaar een gokje hoor. Ik ben geen Javascript-koning

nee dat is het niet ;) Kijk maar op de jquery website...

Code:

     });return false;
}
else {

Vervangen met

Code:

      });return false;
})
else {

Opgelost :D