Question

基本上我想在点击时显示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'
    });
}

Answer 1

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

要解决的问题：

您cannot have double个ID。必须重命名具有dame ID的所有元素。您有许多ID为#quiz和form的元素。你需要解决这个问题。
要hide元素使用：$('.iphone4').hide(); - show $('.iphone4').show();和toggle：$('.iphone4').toggle(); - {{1在该代码中表示具有该类的所有元素。

试试这个：

.iphone4

Answer 2

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

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
});

显示/隐藏按钮

2 个答案: