{"id":1925,"date":"2017-09-27T19:01:22","date_gmt":"2017-09-27T19:01:22","guid":{"rendered":"https:\/\/in.nau.edu\/web\/?page_id=1925"},"modified":"2020-05-04T15:05:05","modified_gmt":"2020-05-04T22:05:05","slug":"drop-down-links-short-code","status":"publish","type":"page","link":"https:\/\/in.nau.edu\/web\/drop-down-links-short-code\/","title":{"rendered":"Drop Down Links"},"content":{"rendered":"

Dropdown Links<\/h1>\n
Watch the Buttons and Dropdown Links video<\/u><\/a><\/p>\n\n\n\n
\n
\n
\n \n
\n
\n Overview Tab Open<\/span>\n <\/h4>\n <\/div>\n <\/a>\n <\/li>\n
\n \n
\n
\n How-To Tab Closed<\/span>\n <\/h4>\n <\/div>\n <\/a>\n <\/li>\n
\n \n
\n
\n Troubleshooting Tab Closed<\/span>\n <\/h4>\n <\/div>\n <\/a>\n <\/li>\n <\/ul>\n \n
\n \n
\n
Overview Accordion Open<\/span><\/h4>\n <\/span>\n <\/div>\n <\/a>\n
\n \n\n\n
Multiple related links can be attached to a list of links using the drop down links<\/strong>.<\/p>\n
Since the drop down links shouldn’t be in tabs, we’ve provided an example below. If you’re on a mobile device, you’ll find the example at the bottom of this page.<\/p>\n\n\n <\/body><\/html>\n\n <\/div>\n<\/div>\n\n \n
\n \n
\n
How-To Accordion Closed<\/span><\/h4>\n <\/span>\n <\/div>\n <\/a>\n
\n \n\n\n
The drop down links feature requires a Heading 4 (H4) title for the list and at least two links.<\/p>\n
\n
Select drop down links<\/strong>. The shortcode appears in the text editor.<\/li>\n
Insert your cursor between the shortcode bookends.<\/li>\n
Enter Heading 4 (H4) text for the title.<\/li>\n
Add the text for the link in Paragraph style, sentence case.<\/li>\n
Select all of the text and click the hyperlink<\/strong> button.<\/li>\n
Enter the URL for the link.<\/li>\n
Move to the next line and repeat as necessary.<\/li>\n<\/ol>\n\n\n <\/body><\/html>\n\n <\/div>\n<\/div>\n\n \n\n \n
\n
Troubleshooting Accordion Closed<\/span><\/h4>\n <\/span>\n <\/div>\n <\/a>\n
\n \n\n\n
Check the following list if your drop down links are not appearing or functioning as they should:<\/p>\n
\n
Ensure you used H4 for the title and Paragraph style for each link<\/li>\n
Did you add a full URL for each link?<\/li>\n
Ensure that the text for your shortcode is complete, all bookends are present, and the closing bookends contain a forward slash.<\/li>\n<\/ul>\n\n\n <\/body><\/html>\n\n <\/div>\n<\/div>\n\n <\/div>\n\n\n
\n
\n