需要帮助修改此内容以加载内部隐藏内容

Question

Okay, so I have this script that loads external files but now I want to modify it so that it loads internally hidden content. Can someone please help me with this. There's two part to this script: 1) when someone clicks on a certain link with the class "o-links" it slides open displaying the requested content. Then there's the other link (o-close-link) that closes the previously slide open display area.

Also I've been trying to add a gif loader but with no luck. I just really want this to work, but I've tried to no avail. Please help me fix this someone, anyone. Please!

    $(document).ready(function() {

        $('.o-links').click(function() {

            var href = $(this).attr('href');

            $.get(href, function(data){
                $('.reserved-area').hide('fast');
                $('.reserved-area').html(data).slideDown('slow');
            });

            return false;
        });


        $('.o-close-link').click(function() {

            var href = $(this).attr('href');

            $.get(href, function(data){
                $('.reserved-area').hide('fast');
                $('.reserved-area').html(data).slideDown('slow');
            });

            return false;
        });

    });

Answer 1

With this solution you shoud be able to load the content of a hidden element into your .reserved-area by referencing the id of the hidden element in the href of the corrosponding link:

$('.o-links').click(function() {

    // href has to be the id of the hidden content element
    var href = $(this).attr('href');
    $('.reserved-area')
        .hide('fast')
        .html($(href).html())
        .slideDown('slow');

    return false;
});