diff -r e313de5394fc -r 6691086f43fd integration/v2/js/main.js --- 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