隐藏div [英] hide a div

问题描述

我在设计一个网页，其中我在某一点被击中。

I am designing a web page in which i got struck at some point.

我在一个div使用3个上传按钮，让div的id uploadDiv
i有一个向右箭头和向下箭头图像
如果我点击向下箭头图像，uploadDiv的内容应该显示
如果我点击右箭头图像，uploadDiv的内容应该隐藏。

i am using 3 upload buttons in a div, let the id of the div be "uploadDiv" i have a right arrow and down arrow images if i click on the down arrow image, the content of the "uploadDiv" should be displayed if i click on the right arrow image, the content of the "uploadDiv" should be hidden

图片应该在同一个地方。

The images should be in the same place.

如果任何机构知道解决方案，请让我知道。
提前谢谢。

If any body knows the solution please let me know. Thank you in advance.

问候，
Kiran Kumar。

regards, Kiran Kumar.

推荐答案

听起来你在谈论一种形式的可折叠面板。根据你的源代码的底层架构是什么，微软的Ajax控件工具包有一个非常好的可折叠面板选项。

It sounds like you are talking about a collapsible panel of some form. Depending on what the underlying architecture is of your source code is, Microsoft's Ajax Control Toolkit has a pretty good collapsible panel option.

另一个伟大的选择是看看< a href =http://jquery.com =nofollow noreferrer> jQuery 和 jQuery UI a>组件。

Another great option out there is to look at jQuery and the jQuery UI components.

1. http://jqueryui.com/demos/accordion/


2. http://jqueryui.com/demos/accordion/#collapsible

1. http://jqueryui.com/demos/accordion/
2. http://jqueryui.com/demos/accordion/#collapsible

SAMPLE

<script type="text/javascript">
    $(function() {
        $("#accordion").accordion({
            collapsible: true
        });
    });
</script>
<div id="accordion">
    <h3><a href="#">File Upload</a></h3>
    <div>
       CONTENT HERE
    </div>
</div>

这篇关于隐藏div的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！