dropdown_sw.html

<button class="dropdown">
	DE <i class="ion-chevron-down"></i>
	<div class="dropdown__content">
		<a href="http://africa.acninternational.org/sw/fr">FR</a>
		<a href="http://africa.acninternational.org/sw/it">IT</a>
	</div>
</button>


<button class="dropdown">
	FR <i class="ion-chevron-down"></i>
	<div class="dropdown__content">
		<a href="http://africa.acninternational.org/sw/de">DE</a>
		<a href="http://africa.acninternational.org/sw/it">IT</a>
	</div>
</button>


<button class="dropdown">
	IT <i class="ion-chevron-down"></i>
	<div class="dropdown__content">
		<a href="http://africa.acninternational.org/sw/de">DE</a>
		<a href="http://africa.acninternational.org/sw/fr">FR</a>
	</div>
</button>

<style> 
	.dropdown {
		position: relative;
    display: inline-block;
	}
	.dropdown__content {
		 display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
	}

	.dropdown__content--active {
		display:block;
	}

</style>

<script>
	$('.dropdown').on('click', function() {
		if((this).find('.dropdown__content').addClass('.dropdown__content--active')) {
			$(this).find('.dropdown__content').removeClass('.dropdown__content--active');
		} else {
			$(this).find('.dropdown__content').addClass('.dropdown__content--active');
		}
		
	});
</script>