如何在jQuery中应用accordion

时间:2012-07-15 15:05:30

标签: jquery-ui-accordion

我在使用博客API的页面中创建手风琴时遇到问题。我需要将手风琴格式应用于http://www.winworldgk.tk的Blogger帖子列表,这些帖子是使用Blogger API提取的。问题是 - 我能够显示所有帖子内容和标题,但是一般风格而不是必需的手风琴风格。有没有人可以提供帮助。代码如下......

    $(document).ready(function() {

        // Make a JSONP request for the Posts on the Blogger Buzz blog
        $.ajax({
          url:"https://www.googleapis.com/blogger/v3/blogs/578441859855451483/posts?labels=EnglishTest&maxResults=5&key=mykey",
    dataType: "jsonp",success: function(data, textStatus, jqXHR) {
            var items = []; 

            // Construct a chunk of HTML for each post
            // containing the Post title, content, and a 
            // link to the post author.
            $.each(data.items, function(index, value) {     
    $('<h3><a href="#">'+value.title+'</a></h3><div>'+value.content+'</div>').appendTo("#accId");
    }


    });$("#accId").addClass("accordion");
    }


    });
    });




<html>
<body>
<div id="accId"></div>
</body>
</html>

0 个答案:

没有答案