These are some CodePens that show examples of ways to use jQuery.<\/p>\n\n\n\n
This is a relatively simple example I made. Clicking a heading expands or contracts the content underneath it. <\/p>\n\n\n
\nSee the Pen \n Simple jQuery Accordion by Christopher Stein (@profstein)\n on CodePen.<\/p>\n\n\n\n\n
This example shows how to filter content with buttons.<\/p>\n\n\n
\nSee the Pen \n jQuery Filter Buttons by Christopher Stein (@profstein)\n on CodePen.<\/p>\n\n\n\n\n
<\/p>\n","protected":false},"excerpt":{"rendered":"
These are some CodePens that show examples of ways to use jQuery. Simple jQuery Accordion This is a relatively simple example I made. Clicking a heading expands or contracts the content underneath it. Filter Buttons This example shows how to filter content with buttons.<\/p>\n","protected":false},"author":16,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_uag_custom_page_level_css":"","portfolio_post_id":0,"portfolio_citation":"","portfolio_annotation":"","openlab_post_visibility":"","footnotes":""},"categories":[20],"tags":[68,175],"coauthors":[87],"class_list":["post-2208","post","type-post","status-publish","format-standard","hentry","category-javascript","tag-example","tag-jquery","entry"],"featured_image_urls_v2":{"full":"","thumbnail":"","medium":"","medium_large":"","large":"","1536x1536":"","2048x2048":"","post-thumbnail":"","gform-image-choice-sm":"","gform-image-choice-md":"","gform-image-choice-lg":""},"post_excerpt_stackable_v2":"
These are some CodePens that show examples of ways to use jQuery. Simple jQuery Accordion This is a relatively simple example I made. Clicking a heading expands or contracts the content underneath it. See the Pen Simple jQuery Accordion by Christopher Stein (@profstein) on CodePen. Filter Buttons This example shows how to filter content with buttons. See the Pen jQuery Filter Buttons by Christopher Stein (@profstein) on CodePen.<\/p>\n","category_list_v2":"JavaScript<\/a>","author_info_v2":{"name":"Christopher Stein","url":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-fall-21\/author\/cstein\/"},"comments_num_v2":"0 comments","uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"post-thumbnail":false,"gform-image-choice-sm":false,"gform-image-choice-md":false,"gform-image-choice-lg":false},"uagb_author_info":{"display_name":"Christopher Stein","author_link":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-fall-21\/author\/cstein\/"},"uagb_comment_info":0,"uagb_excerpt":"These are some CodePens that show examples of ways to use jQuery. Simple jQuery Accordion This is a relatively simple example I made. Clicking a heading expands or contracts the content underneath it. Filter Buttons This example shows how to filter content with buttons.","_links":{"self":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-fall-21\/wp-json\/wp\/v2\/posts\/2208","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-fall-21\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-fall-21\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-fall-21\/wp-json\/wp\/v2\/users\/16"}],"replies":[{"embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-fall-21\/wp-json\/wp\/v2\/comments?post=2208"}],"version-history":[{"count":5,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-fall-21\/wp-json\/wp\/v2\/posts\/2208\/revisions"}],"predecessor-version":[{"id":2213,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-fall-21\/wp-json\/wp\/v2\/posts\/2208\/revisions\/2213"}],"wp:attachment":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-fall-21\/wp-json\/wp\/v2\/media?parent=2208"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-fall-21\/wp-json\/wp\/v2\/categories?post=2208"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-fall-21\/wp-json\/wp\/v2\/tags?post=2208"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-fall-21\/wp-json\/wp\/v2\/coauthors?post=2208"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}