Добавление переменных в URL-адрес с помощью jQuery

Question

Я здесь первый таймер, поэтому приношу свои извинения за непреднамеренные нарушения правил. Я пытаюсь создать ряд кнопок, которые, если щелкнуть, добавят определенные значения в url. Идея заключается в том, что я хочу выяснить, какая из двух переменных должна быть передана, когда человек нажимает ссылку в конце.

Вот мой код:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
<script> 
jQuery(function(){ 
    var product1 = 'productId=1&productQuantity=1'; 
    var product2 = 'productId=2&productQuantity=1'; 
    var carturl = 'http://cart.net?clearCart=true'; 
    jQuery(function(){ 
    jQuery("#Product1Yes").click(function() { 
     jQuery("#Product2").show("fast"); 
     jQuery("#Product1").hide("fast"); 
    }); 
    jQuery('a#upsell').attr('href', function() { 
     return carturl + '&' + product1; 
    }); 
    jQuery("#Product1No").click(function() { 
     jQuery("#Product2").show("fast"); 
     jQuery("#Product1").hide("fast"); 
    }); 
    jQuery("#Product2Yes").click(function() { 
     jQuery("#Product3").show("fast"); 
     jQuery("#Product2").hide("fast"); 
    }); 
    jQuery('a#upsell').attr('href', function() { 
     return carturl + '&' + product2; 
    }); 
    jQuery("#Product2No").click(function() { 
     jQuery("#Link).show("fast"); 
     jQuery("#Product2").hide("fast"); 
    }); 
    }); 
}); 
</script> 

<div id="Product1"> 
    <button class="btn btn-primary" id="Product1Yes">Yes</button> 
    <button class="btn btn-danger" id="Product1No">No</button> 
</div> 

<div id="Product2"> 
    <button class="btn btn-primary" id="Product2Yes">Yes</button> 
    <button class="btn btn-danger" id="Product2No">No</button> 
</div> 

<div id="Link"> 
    <a id='upsell' href='#'>Click here to check out</a> 
</div> 

Я думаю, что я что-то немое хватаю, потому что мои показать/скрыть функции не работает, и я не думаю, что ссылка становится создана правильно. Мысли?

Answer 1

jsFiddle here.

<div id="Produc1"> должны быть в вашем HTML <div id="Product1">.

Кроме того, вы отсутствовали несколько брекетов закрытия:

var product1 = 'productId=1&productQuantity=1'; 
var product2 = 'productId=2&productQuantity=1'; 
var carturl = 'http://cart.net?clearCart=true'; 
jQuery(function(){ 
    jQuery("#Product1Yes").click(function() { 
    jQuery("#Product2").show("fast"); 
    jQuery("#Product1").hide("fast"); 
    }); 
    jQuery('a#upsell').attr('href', function() { 
    return carturl + '&' + product1; 
    }); 
    jQuery("#Product1No").click(function() { 
    jQuery("#Product2").show("fast"); 
    jQuery("#Product1").hide("fast"); 
    }); 
    jQuery("#Product2Yes").click(function() { 
    jQuery("#Link").show("fast"); 
    jQuery("#Product2").hide("fast"); 
    }); 
    jQuery('a#upsell').attr('href', function() { 
    return carturl + '&' + product2; 
    }); 
    jQuery("#Product2No").click(function() { 
    jQuery("#Link").show("fast"); 
    jQuery("#Product2").hide("fast"); 
    }); 
});