Question

我想创建一个像本网站上的常见问题页面

http://www.microsoft.com/windows/windows-7/faq.aspx

当您点击问题时，答案会扩展。再次单击它会折叠。

我的问题是，答案存储在数据库中。我用谷歌搜索并发现有这个JavaScript代码来实现这一点但也发现了可以使用Repeater Controls完成的事情。

怎么做？任何教程的链接都会很棒。

Answer 1

它被称为accordion。

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

jQuery可以做到这一点:)

转发器和jQuery可以一起使用。这取决于FAQ的结构。

Answer 2

你可以用jQuery做到这一点。假设您有一个页面名称Faq.aspx。所以将此代码放入.aspx页面。

<head>
    <script src="js/jquery_div.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(document).ready(function(){
            //hide the all of the element with class msg_body
            $(".msg_body").hide();
            //toggle the componenet with class msg_body
            $(".msg_head").click(function(){
                $(this).next(".msg_body").slideToggle(600);
            });
        });
    </script>

    <style type="text/css">
        .msg_head {
        padding: 5px 10px;
        cursor: pointer;
        position: relative;
        background-color:#F4F4F8;
        color:Blue;
        margin:1px;
    }
    .msg_body {
        padding: 5px 10px 15px;
        background-color:#F4F4F8;
    }
    </style>
</head>

在body标签中，您必须输入此代码。

<body>
    <p class="msg_head">your titel</p>

    <div class="msg_body">
        Your logic
    </div>
</body>

我真的希望这对你有用。

Answer 3

为您找到一些链接。希望这些可以帮到你 -

http://articles.sitepoint.com/article/asp-net-repeater-control

http://www.eggheadcafe.com/community/aspnet/2/10040295/repeater-control.aspx

Answer 4

您可能希望转发器显示问题和答案（div中带有visibility=hidden的答案）。然后，您需要一些JavaScript代码（可能值得查看jQuery库以使其更容易）来挂钩问题的click事件以在客户端显示答案。

使用转发器是因为你有一个'重复'布局，这使得它更简单一些。您需要JavaScript代码，因为您希望在客户端发生视觉效果。

ASP.NET初学者问题：我如何实现这样的东西是我的ASP.NET C＃网站？

4 个答案: