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