--- a/integration/v2/js/main.js	Tue Jun 25 11:37:02 2013 +0200
+++ b/integration/v2/js/main.js	Tue Jun 25 16:38:25 2013 +0200
@@ -76,16 +76,48 @@
 
 	$('.display-keyword').bind('click', function(e){
 		e.preventDefault();
-		var li = $(this).parents('li'),
+		var ul = $(this).parents('ul'),
+			li = $(this).parents('li'),
+			iconAction = li.find('.icon-action'),
+			index = li.index(),
 			keyword = $(this).attr('data-keyword');
+		enabledDisplayKeyword(li, keyword, iconAction);
+
+		ul.find('li').each(function(k, v){
+			if(index != k){
+				var displayKeyword = $(v).find('.display-keyword'),
+					iconAction = $(v).find('.icon-action'),
+					keyword = displayKeyword.attr('data-keyword');
+				disabledDisplayKeyword($(v), keyword, iconAction);
+			}
+		});
+	});
+	$('.icon-action').bind('click', function(e){
+		e.preventDefault();
+		var li = $(this).parents('li');
+		toggleDisplayKeyword(li);
+	});
+	function toggleDisplayKeyword(li){
+		var displayKeyword = li.find('.display-keyword'),
+			iconAction = li.find('.icon-action'),
+			keyword = displayKeyword.attr('data-keyword');
 		if(li.hasClass('disabled')){
-			$('li.keyword-'+keyword).find('.curtain').hide();
-			li.removeClass('disabled');
+			enabledDisplayKeyword(li, keyword, iconAction);
 		}else{
-			$('li.keyword-'+keyword).find('.curtain').show();
-			li.addClass('disabled');
+			disabledDisplayKeyword(li, keyword, iconAction);
 		}
-		
-	});
+	}
+	function enabledDisplayKeyword(li, keyword, iconAction){
+		iconAction.removeClass('cross').removeClass('circle');
+		li.removeClass('disabled');
+		$('li.keyword-'+keyword).find('.curtain').hide();
+		iconAction.addClass('cross');
+	}
+	function disabledDisplayKeyword(li, keyword, iconAction){
+		iconAction.removeClass('cross').removeClass('circle');
+		li.addClass('disabled');
+		$('li.keyword-'+keyword).find('.curtain').show();
+		iconAction.addClass('circle');
+	}
 	
 });//ready