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.
54 lines
1.4 KiB
54 lines
1.4 KiB
<!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-3.4.0.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>
|
|
|
|
<h2>Examples:</h2>
|
|
<ul>
|
|
<li><a href="examples/custom-dates.html">Custom dates</a></li>
|
|
<li><a href="examples/effects.html">Effects</a></li>
|
|
<li><a href="examples/ezypay.html">EzyPay</a></li>
|
|
<li><a href="examples/multi-feed.html">Multi Feed</a></li>
|
|
<li><a href="examples/visitlakecounty.html">Visit Lake County</a></li>
|
|
<li><a href="examples/zotero.html">Zotero</a></li>
|
|
</ul>
|
|
|
|
<div id="rss-feeds"></div>
|
|
</div>
|
|
</body>
|
|
</html>
|