Question

正在发生的事情的屏幕截图：http://i.imgur.com/DrGZx.png

我的测试按钮：http://jsfiddle.net/KtrQh/8/

我正在使用较旧的Validatious脚本进行验证。

我想要做的是将送货地址折叠/隐藏，其上方有两个按钮。一个是“与结算相同”，另一个是“添加送货地址”。单击“添加送货地址”后，将显示送货地址。

有什么想法吗？当我点击“Show DIV”（测试文字btw）时，我不确定为什么会进行验证;这应该只是隐藏/显示运输区域，而不是在我的所有字段上突然运行验证。

问题是，我正在使用名为Kalio Commerce的SaaS供应商。你会在jsfiddle中看到大量的API代码，所以我不太清楚如何在jsfiddle中表达它。但我也希望与你分享整体代码，这样你才能拥有全局。

请帮忙。

谢谢。

Answer 1

创建一个这样的CSS类：

.invisible
{
    display: none;
}

并为要消失的标记添加不可见。如果希望重新显示标记，请删除不可见的类。如果您不想在点击它们时发布，则应该阻止发布该按钮。

Answer 2

我在Blog上处理此问题的方式是，

<div id="box1" class="hide">Hidden Content</div>
<a onmousedown="showContent()">Show Content</a>

JavaScript的：

<script>
function showContent(){

    if(document.getElementById('box1').className == "hide"){
       document.getElementById('box1').className = "show";
    }
    else{
       document.getElementById('box1').className = "hide";
    }
}
</script>

CSS：

div.hide
{
    display: none;
}
div.show
{
    display: block;
}

很抱歉，如果我误解了这个问题。

验证脚本是否会导致我的javascript显示/隐藏DIV？

2 个答案: