显示/隐藏按钮

时间:2013-09-05 19:12:46

标签: javascript jquery html

基本上我想在点击时显示iPhone3GS的按钮,当点击iPhone4或其他按钮时,其他按钮会重新隐藏。每种形式都有一个体内的类别,分别是iPhone 3GS,iPhone4等。因此,当点击iPhone3GS时,它将显示iPhone3GS的内容。无论是jQuery还是javascript都没关系,我只想让它工作。

这是jsfiddle:http://jsfiddle.net/wLY7C/4/

这是一段javascript(我知道这段代码无效;只是一个例子):

if (q1 == "iphone3gs") 
{
    $('.show(iphone3gs)').val('.hide(iphone4 iphone4s iphone5 iphone5s)').click(function () 
    {
       window.location.href = 'iphone3gs'
    });
}

2 个答案:

答案 0 :(得分:0)

代码太长,无法让它为您工作(也许其他人有时间)。我可以说出你错了的东西,这样你就可以看看它们。

要解决的问题:

  • cannot have double个ID。必须重命名具有dame ID的所有元素。您有许多ID为#quizform的元素。你需要解决这个问题。

  • hide元素使用:$('.iphone4').hide(); - show $('.iphone4').show();toggle$('.iphone4').toggle(); - {{1在该代码中表示具有该类的所有元素。

试试这个:

.iphone4

答案 1 :(得分:0)

您的代码太长而且很难调试。然而,我做了这个小提琴,它做了你想要做的事情。希望你能用它来让你的工作正常。

JSFiddle

这是级别1(代码中为q1)的示例:

$(".level1").click(function() {
    $(".level1").hide(); //Hide all level 1
    $(this).show(); //Display only current selection from level 1
    q1 = $(this).attr("id"); //Set q1 to selection
    $(".level2").show(); //Display level 2 now that level 1 has been selected/hidden
});