You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
43 lines
985 B
43 lines
985 B
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>jquery.rss accordion example</title>
|
|
|
|
<link
|
|
rel="stylesheet"
|
|
type="text/css"
|
|
href="http://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css"
|
|
/>
|
|
|
|
<script src="http://code.jquery.com/jquery-1.8.3.js"></script>
|
|
<script src="../dist/jquery.rss.min.js"></script>
|
|
|
|
<script>
|
|
jQuery(function($) {
|
|
$("#rss-feeds").rss("https://jsfeeds.com/feed", {
|
|
limit: 15,
|
|
layoutTemplate: "{entries}",
|
|
entryTemplate:
|
|
"<div class='entry'><h3>{title}</h3><div><p>{bodyPlain}</p></div></div>",
|
|
success: function() {
|
|
$(".entry").each(function(i, entry) {
|
|
$(entry).slideDown();
|
|
});
|
|
}
|
|
});
|
|
});
|
|
</script>
|
|
|
|
<style>
|
|
.entry {
|
|
display: none;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div>
|
|
<h1>jquery.rss example</h1>
|
|
<div id="rss-feeds"></div>
|
|
</div>
|
|
</body>
|
|
</html>
|