##html

<ul>
	<li><a href="javascript:;" rel="web" class="trigger">Web</a></li>
</ul>

<div class="port" id="port-web">
content
</div>

<div class="port" id="port-identity">
other content
</div>

##js

$(".trigger").click(function() {
	type = $(this).attr("rel");

	$(".port").fadeOut(200, function() { $("#port-"+type).fadeIn(200); });
});