需要使用jquery显示或隐藏VAT div

时间:2013-12-16 16:56:44

标签: jquery cookies

在jQuery方面还是一个新手,所以任何帮助都将非常感激。 在商业网站上,我希望div (".selectVAT")的文字根据Cookie“vat_preference”而改变。 div会说所有价格都包含增值税变更或'所有价格不包括增值税更改

然后,这将触发jQuery在内容'.incl-vat'或'.excl-vat'中显示2个隐藏div中的1个。我在其他网站上找到了以下代码,但无法使其正常工作。

if (document.location.href.indexOf('inclvat=true') > -1) jQuery.cookie('vat_preference', 'inclvat', {expires: 30, path: '/'});
jQuery("#headerVAT .selectVAT).parent().attr('id', 'vat-preference-wrapper');
displayVAT();

function switchVAT() {
    if (jQuery.cookie('vat_preference') == 'inclvat') {
    jQuery.cookie('vat_preference', 'exclvat', {expires: 30, path: '/'});
    displayVAT();
} else {
    jQuery.cookie('vat_preference', 'inclvat', {expires: 30, path: '/'});
    displayVAT();
}
return false;
}

function displayVAT() {
if (jQuery.cookie('vat_preference') == 'inclvat') {
    jQuery.cookie('vat_preference', 'inclvat', {expires: 30, path: '/'});
    jQuery("#vat-preference-wrapper").html('All prices include VAT <a href="#" onclick="switchVAT(); return false;" id="vat-preference">change</a>');
    jQuery('.incl-vat').css({display: 'inline'});
    jQuery('.excl-vat').css({display: 'none'});
} else {
    jQuery.cookie('vat_preference', 'exclvat', {expires: 30, path: '/'});
    jQuery("#vat-preference-wrapper").html('All prices exclude VAT <a href="#" onclick="switchVAT(); return false;" id="vat-preference">change</a>');      
    jQuery('.incl-vat').css({display: 'none'});
    jQuery('.excl-vat').css({display: 'inline'});
}
return false;
}



<div id="headerVAT"><div class="selectVAT"></div></div>

0 个答案:

没有答案