jQuery-隐藏并显示div

在本页上：

             function ShowNextFileUpload()
             {
                var File2=document.getElementById('<%=File2.ClientID%>');
                var File3=document.getElementById('<%=File3.ClientID%>'); 

                if(File2.style.display=="none")
                {
                   File2.style.display="block";
                } 
                else
                {
                   File3.style.display="block";
                }
             }

我有3个文件上传。我现在已经设置好了，当你点击“添加另一个文件”时，它会显示下一个文件上传。效果很好。我想稍微调整一下。单击“添加另一个文件”时，将显示下一个文件，“添加另一个文件”图像消失。文件输入本身仍然存在，只有添加按钮更改为显示：无。我不能让它正常工作。要么隐藏整个文件输入，要么什么都不隐藏

             function ShowNextFileUpload()
             {
                var File2=document.getElementById('<%=File2.ClientID%>');
                var File3=document.getElementById('<%=File3.ClientID%>'); 

                if(File2.style.display=="none")
                {
                   File2.style.display="block";
                } 
                else
                {
                   File3.style.display="block";
                }
             }

---

谢谢你的帮助

尝试以这种方式修改

showfilehide

函数：

function showfilehideN()
{
    document.getElementById('addfileN').style.display='none';
    document.getElementById('filehideN').style.display='block';
}

             function ShowNextFileUpload()
             {
                var File2=document.getElementById('<%=File2.ClientID%>');
                var File3=document.getElementById('<%=File3.ClientID%>'); 

                if(File2.style.display=="none")
                {
                   File2.style.display="block";
                } 
                else
                {
                   File3.style.display="block";
                }
             }

---

N表示函数的数目（

showfilehide1

）

为每个a标记指定不同的ID，然后在标记上单击隐藏相应的a标记。

为图像按钮指定类名。然后您可以执行下面的一般示例

var x = 'Test<img class="upload" src="http://www.ubhape2.com/images/Icons/addfile.png" /><br>';
$('.upload').live('click', function() {
    $(this).hide();
    $('body').append(x);
})

             function ShowNextFileUpload()
             {
                var File2=document.getElementById('<%=File2.ClientID%>');
                var File3=document.getElementById('<%=File3.ClientID%>'); 

                if(File2.style.display=="none")
                {
                   File2.style.display="block";
                } 
                else
                {
                   File3.style.display="block";
                }
             }

var x='Test
'；
$（'.upload'）.live（'单击'，函数（））{
$（this.hide（）；
$（'body'）。追加（x）；
})

根据您的需要进行修改，使其适用于您的站点

             function ShowNextFileUpload()
             {
                var File2=document.getElementById('<%=File2.ClientID%>');
                var File3=document.getElementById('<%=File3.ClientID%>'); 

                if(File2.style.display=="none")
                {
                   File2.style.display="block";
                } 
                else
                {
                   File3.style.display="block";
                }
             }

---

检查处的工作示例仅使用一个按钮显示/隐藏其他两个文件上载

             function ShowNextFileUpload()
             {
                var File2=document.getElementById('<%=File2.ClientID%>');
                var File3=document.getElementById('<%=File3.ClientID%>'); 

                if(File2.style.display=="none")
                {
                   File2.style.display="block";
                } 
                else
                {
                   File3.style.display="block";
                }
             }

JavaScript部分

             function ShowNextFileUpload()
             {
                var File2=document.getElementById('<%=File2.ClientID%>');
                var File3=document.getElementById('<%=File3.ClientID%>'); 

                if(File2.style.display=="none")
                {
                   File2.style.display="block";
                } 
                else
                {
                   File3.style.display="block";
                }
             }

函数ShowNextFileUpload（）
{
var File2=document.getElementById（“”）；
var File3=document.getElementById（“”）；
if（File2.style.display==“无”）
{
File2.style.display=“block”；
} 
其他的
{
File3.style.display=“block”；
}
}

Aspx组

             function ShowNextFileUpload()
             {
                var File2=document.getElementById('<%=File2.ClientID%>');
                var File3=document.getElementById('<%=File3.ClientID%>'); 

                if(File2.style.display=="none")
                {
                   File2.style.display="block";
                } 
                else
                {
                   File3.style.display="block";
                }
             }

         <asp:FileUpload ID="File1" runat="server" />
         <asp:FileUpload ID="File2" runat="server" style="display:none"/>
         <asp:FileUpload ID="File3" runat="server" style="display:none"/>
         <asp:LinkButton ID="LinkButton1" runat="server" OnClientClick="ShowNextFileUpload()">Add Another</asp:LinkButton>

再加一个

希望这有帮助…

看看这个

             function ShowNextFileUpload()
             {
                var File2=document.getElementById('<%=File2.ClientID%>');
                var File3=document.getElementById('<%=File3.ClientID%>'); 

                if(File2.style.display=="none")
                {
                   File2.style.display="block";
                } 
                else
                {
                   File3.style.display="block";
                }
             }

<input type="button" id="upldBtn" value="Add file" onclick="loadNext();"
 crntNumber="1" />
<div id="divUpld1" style="display:block;"></div>
<div id="divUpld2" style="display:none;"></div>
<div id="divUpld3" style="display:none;"></div>

现在剧本开始了

             function ShowNextFileUpload()
             {
                var File2=document.getElementById('<%=File2.ClientID%>');
                var File3=document.getElementById('<%=File3.ClientID%>'); 

                if(File2.style.display=="none")
                {
                   File2.style.display="block";
                } 
                else
                {
                   File3.style.display="block";
                }
             }

<script type="test/javasript">
function loadNext(){
    var crntNumber = $('#upldBtn').attr("crntNumber");
    $("divUpld"+crntNumber).fadeOut(200, function(){
        $("divUpld"+crntNumber).css("display", "none");
        crntNumber++;
        $("divUpld"+crntNumber).fadeIn(200, function(){
              $("divUpld"+crntNumber).css("display", "block");
        });
        $('#upldBtn').attr("crntNumber", crntNumber);
    });
}
</script>

函数loadNext（）{
变量crntNumber=$（'#upldBtn'）.attr（“crntNumber”）；
$（“divUpld”+crntNumber）.fadeOut（200，function（）{
$（“divUpld”+crntNumber）.css（“显示”、“无”）；
crntNumber++；
$（“divUpld”+crntNumber）.fadeIn（200，function（）{
$（“divUpld”+crntNumber）.css（“显示”、“块”）；
});
$（'upldBtn'）.attr（“crntNumber”，crntNumber）；
});
}

---

希望有帮助。

为每个

img

分配唯一的

id

，然后单击“淡出”…嗨，女孩！很高兴看到你的网站每天都在改进。你可以发布你正在使用的相关HTML和javascript吗。附言：我无法复制你提到的行为。非常感谢你的荣誉！我用下面的方法把它修好了。（来自Igor）

             function ShowNextFileUpload()
             {
                var File2=document.getElementById('<%=File2.ClientID%>');
                var File3=document.getElementById('<%=File3.ClientID%>'); 

                if(File2.style.display=="none")
                {
                   File2.style.display="block";
                } 
                else
                {
                   File3.style.display="block";
                }
             }