Home/ Questions/Q 1065015
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-16T19:44:55+00:00

I want to create an FAQ page like the one on this website http://www.microsoft.com/windows/windows-7/faq.aspx

  • 0

I want to create an FAQ page like the one on this website

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

When you click on the question, the answer expands. Click it again and it collapses.

My question, answers are stored in a database. I googled and found out there’s this JavaScript code to achieve this BUT also came across something that said it can be done using Repeater Controls.

How to do that? Any link to some tutorial would be great.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You can do it with jQuery. Suppose you have a page name Faq.aspx.
    So put this code into your .aspx page.

    <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>

    In the body tag you have to put this code.

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

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

    I really hope this will work for you.

    • 0