74 masonry177(); |
74 masonry177(); |
75 }); |
75 }); |
76 |
76 |
77 $('.display-keyword').bind('click', function(e){ |
77 $('.display-keyword').bind('click', function(e){ |
78 e.preventDefault(); |
78 e.preventDefault(); |
79 var li = $(this).parents('li'), |
79 var ul = $(this).parents('ul'), |
|
80 li = $(this).parents('li'), |
|
81 iconAction = li.find('.icon-action'), |
|
82 index = li.index(), |
80 keyword = $(this).attr('data-keyword'); |
83 keyword = $(this).attr('data-keyword'); |
|
84 enabledDisplayKeyword(li, keyword, iconAction); |
|
85 |
|
86 ul.find('li').each(function(k, v){ |
|
87 if(index != k){ |
|
88 var displayKeyword = $(v).find('.display-keyword'), |
|
89 iconAction = $(v).find('.icon-action'), |
|
90 keyword = displayKeyword.attr('data-keyword'); |
|
91 disabledDisplayKeyword($(v), keyword, iconAction); |
|
92 } |
|
93 }); |
|
94 }); |
|
95 $('.icon-action').bind('click', function(e){ |
|
96 e.preventDefault(); |
|
97 var li = $(this).parents('li'); |
|
98 toggleDisplayKeyword(li); |
|
99 }); |
|
100 function toggleDisplayKeyword(li){ |
|
101 var displayKeyword = li.find('.display-keyword'), |
|
102 iconAction = li.find('.icon-action'), |
|
103 keyword = displayKeyword.attr('data-keyword'); |
81 if(li.hasClass('disabled')){ |
104 if(li.hasClass('disabled')){ |
82 $('li.keyword-'+keyword).find('.curtain').hide(); |
105 enabledDisplayKeyword(li, keyword, iconAction); |
83 li.removeClass('disabled'); |
|
84 }else{ |
106 }else{ |
85 $('li.keyword-'+keyword).find('.curtain').show(); |
107 disabledDisplayKeyword(li, keyword, iconAction); |
86 li.addClass('disabled'); |
|
87 } |
108 } |
88 |
109 } |
89 }); |
110 function enabledDisplayKeyword(li, keyword, iconAction){ |
|
111 iconAction.removeClass('cross').removeClass('circle'); |
|
112 li.removeClass('disabled'); |
|
113 $('li.keyword-'+keyword).find('.curtain').hide(); |
|
114 iconAction.addClass('cross'); |
|
115 } |
|
116 function disabledDisplayKeyword(li, keyword, iconAction){ |
|
117 iconAction.removeClass('cross').removeClass('circle'); |
|
118 li.addClass('disabled'); |
|
119 $('li.keyword-'+keyword).find('.curtain').show(); |
|
120 iconAction.addClass('circle'); |
|
121 } |
90 |
122 |
91 });//ready |
123 });//ready |