паказаць і схаваць некалькі дзівы на клік

У мяне ёсць 3 спасылкі і кожнае звяно паказвае на іншую версію дакумента. Як я магу паказаць/схаваць іх?

Right now, I have a <div id="defaultTemplate">. This will be the default. Below it, I have <div id="Option2" class="hidden"> and <div id="Option3" class="hidden">

options 2 and 3 are hidden as they should be, but I want to show/hide each as the user clicks on the links.

Here is my non-working jQuery:

$('.option1, .option2, .option3').click(function(){
    var toShow = $(this).attr("class");
    console.log(toShow);
    $('#defaultTemplate').fadeOut(600, function(){
        $('#' + toShow).show();

    });
});

Thanks!

1
Праблема ў тым, што капітал O у ID .. зрабіць гэта маленькі, а затым паспрабаваць (калі ў вас ёсць 3 спасылкі з класам option1 , 2 і 3)
дададзена аўтар Mohammad Adil, крыніца
Праблема ў тым, што капітал O у ID .. зрабіць гэта маленькі, а затым паспрабаваць (калі ў вас ёсць 3 спасылкі з класам option1 , 2 і 3)
дададзена аўтар Mohammad Adil, крыніца
Праблема ў тым, што капітал O у ID .. зрабіць гэта маленькі, а затым паспрабаваць (калі ў вас ёсць 3 спасылкі з класам option1 , 2 і 3)
дададзена аўтар Mohammad Adil, крыніца
Ці з'яўляецца Option2 а <�Ь> ID або <�б> клас ???
дададзена аўтар palaѕн, крыніца
Ці з'яўляецца Option2 а <�Ь> ID або <�б> клас ???
дададзена аўтар palaѕн, крыніца
$ ( ». Option1, .option2, .option3 ') яго ня клас яго ідэнтыфікатар $ (' # option1, # option2, # OPTION3 ')
дададзена аўтар Mahmoude Elghandour, крыніца
$ ( ». Option1, .option2, .option3 ') яго ня клас яго ідэнтыфікатар $ (' # option1, # option2, # OPTION3 ')
дададзена аўтар Mahmoude Elghandour, крыніца
$ ( ». Option1, .option2, .option3 ') яго ня клас яго ідэнтыфікатар $ (' # option1, # option2, # OPTION3 ')
дададзена аўтар Mahmoude Elghandour, крыніца
Option2 клас звяна, а таксама ідэнтыфікатар на DIV
дададзена аўтар Paul Dessert, крыніца
Option2 клас звяна, а таксама ідэнтыфікатар на DIV
дададзена аўтар Paul Dessert, крыніца
Option2 клас звяна, а таксама ідэнтыфікатар на DIV
дададзена аўтар Paul Dessert, крыніца
@pXL - Дзякуй! Мае стомленыя вочы глядзелі міма гэтага.
дададзена аўтар Paul Dessert, крыніца
@pXL - Дзякуй! Мае стомленыя вочы глядзелі міма гэтага.
дададзена аўтар Paul Dessert, крыніца
@pXL - Дзякуй! Мае стомленыя вочы глядзелі міма гэтага.
дададзена аўтар Paul Dessert, крыніца
@pXL дадаць, што ў якасці адказу, і я буду прымаць
дададзена аўтар Paul Dessert, крыніца
@pXL дадаць, што ў якасці адказу, і я буду прымаць
дададзена аўтар Paul Dessert, крыніца
@pXL дадаць, што ў якасці адказу, і я буду прымаць
дададзена аўтар Paul Dessert, крыніца
Ці хто-небудзь апраўдаць downvote і галасаваць, каб закрыць?
дададзена аўтар Paul Dessert, крыніца
Ці хто-небудзь апраўдаць downvote і галасаваць, каб закрыць?
дададзена аўтар Paul Dessert, крыніца
Ці хто-небудзь апраўдаць downvote і галасаваць, каб закрыць?
дададзена аўтар Paul Dessert, крыніца

11 адказы

Вы павінны выкарыстоўваць # option1, # option2, # OPTION3 можа быць, гэта павінна дапамагчы, таму што цяпер вы маеце на ўвазе класы не ідэнтыфікатарамі.

2
дададзена

Вы павінны выкарыстоўваць # option1, # option2, # OPTION3 можа быць, гэта павінна дапамагчы, таму што цяпер вы маеце на ўвазе класы не ідэнтыфікатарамі.

2
дададзена

Вы павінны выкарыстоўваць # option1, # option2, # OPTION3 можа быць, гэта павінна дапамагчы, таму што цяпер вы маеце на ўвазе класы не ідэнтыфікатарамі.

2
дададзена

Your ID's have a capital O in Option2 like this id="Option2"

Паколькі класы, якія вы пстрыкаючы маюць малы аб ,

калі вы робіце гэта -

$('#' + toShow).show(); i.e $('#option2').show(); , their is no ID with option2 but their is an ID, Option2

You need to change your ID's to option1,option2,option3 , with small o

1
дададзена

Your ID's have a capital O in Option2 like this id="Option2"

Паколькі класы, якія вы пстрыкаючы маюць малы аб ,

калі вы робіце гэта -

$('#' + toShow).show(); i.e $('#option2').show(); , their is no ID with option2 but their is an ID, Option2

You need to change your ID's to option1,option2,option3 , with small o

1
дададзена

Вы шукаеце клас не ідэнтыфікатар, так паспрабуйце гэта:

<�Код> $ ( '' + toShow) .show ();

Ці, калі вы шукаеце ідэнтыфікатары, чым змяніць гэты радок:

<�Код> $ ( '# option1, # option2, # OPTION3')

1
дададзена

Вы шукаеце клас не ідэнтыфікатар, так паспрабуйце гэта:

<�Код> $ ( '' + toShow) .show ();

Ці, калі вы шукаеце ідэнтыфікатары, чым змяніць гэты радок:

<�Код> $ ( '# option1, # option2, # OPTION3')

1
дададзена

Вы шукаеце клас не ідэнтыфікатар, так паспрабуйце гэта:

<�Код> $ ( '' + toShow) .show ();

Ці, калі вы шукаеце ідэнтыфікатары, чым змяніць гэты радок:

<�Код> $ ( '# option1, # option2, # OPTION3')

1
дададзена

option1 ідэнтыфікатар не вызначаны. Я думаю, што гэта павінна быць першымі справы.

  $('#Option1, #Option2, #Option3').click(function(){
    var toShow = $(this).attr("class");
    console.log(toShow);
    $('#defaultTemplate').fadeOut(600, function(){
      $('.' + toShow).show();

   });
});
0
дададзена

option1 ідэнтыфікатар не вызначаны. Я думаю, што гэта павінна быць першымі справы.

  $('#Option1, #Option2, #Option3').click(function(){
    var toShow = $(this).attr("class");
    console.log(toShow);
    $('#defaultTemplate').fadeOut(600, function(){
      $('.' + toShow).show();

   });
});
0
дададзена

option1 ідэнтыфікатар не вызначаны. Я думаю, што гэта павінна быць першымі справы.

  $('#Option1, #Option2, #Option3').click(function(){
    var toShow = $(this).attr("class");
    console.log(toShow);
    $('#defaultTemplate').fadeOut(600, function(){
      $('.' + toShow).show();

   });
});
0
дададзена