Show information about countries using the Accordion Menu:

Create the following in HTML and CSS.

Exercise: Accordion Show info about countries in an accordion menu. For example: Accordion Accordion Kiribati The Gilbert Islands became a British protectorate in 1892 and a colony in 1915; they were captured by the Japanese in the Pacific War in 1941. The islands of Makin and Tarawa were the sites of major US amphibious victories over entrenched Japanese garrisons in 1943. The Gilbert Islands were granted self-rule by the UK in 1971 and complete independence in 1979 under the new name of Kiribati. The US relinquished all claims to the sparsely inhabited Phoenix and Line Island groups in a 1979 treaty of friendship with Kiribati. Liechtenstein Pitcairn Islands Tajikistan When you click on a country name, the other countries' areas collapse. For example, clicking on Tajikistan shows: Accordion Accordion Kiribati Liechtenstein Pitcairn Islands Tajikistan The Tajik people came under Russian rule in the 1860s and 1870s, but Russia's hold on Central Asia weakened following the Revolution of 1917. Bands of indigenous guerrillas (called "basmachi") fiercely contested Bolshevik control of the area, which was not fully reestablished until 1925. Tajikistan was first created as an autonomous republic within Uzbekistan in 1924, but the USSR designated Tajikistan a separate republic in 1929 and transferred to it much of present-day Sughd province. Include at least four countries. Use any countries you like. I used data from the CIA World Fact Booke, but you can use another source, if you prefer. You can copy code from the Bootstrap documentationer. Be careful when adding the fourth country. You have to get ids and other attributes just right. Submit the URL of your solution