diff --git a/src/main/resources/static/js/uianimation.js b/src/main/resources/static/js/uianimation.js
index ff1dbfe..2efc9d9 100644
--- a/src/main/resources/static/js/uianimation.js
+++ b/src/main/resources/static/js/uianimation.js
@@ -3,6 +3,7 @@ var selectMenu = $("#selectMenuContent");
 var advancedTab = $("#advanced");
 var basicID = $("#basicItemData")
 var advancedID = $("#advancedItemData");
+var focusedField = false;
 function changeAdvancedVisibility(){
     if(advancedVisibility){
         selectMenu.css('display', 'none');
@@ -51,34 +52,36 @@ function showHeaders(){
     $('#headersTab').off('click');
 }
 
-function hidTip(){
-    // $('#toolTipContent').css('display', 'none');
+function hidTip(element){
+    if(focusedField) return;
+    $('#'+element).css('display', 'none');
 }
 
-function showTip(){
-    // $('#toolTipContent').css('display', 'block');
+function showTip(element){
+    if(focusedField) return;
+    $('#'+element).css('display', 'block');
 }
 
-$('#messageLink').mouseover(function(){$('#messageLinkTip').css('display', 'block'); showTip();});
-$('#messageLink').mouseleave(function(){$('#messageLinkTip').css('display', 'none'); hidTip();});
+$('#messageLink').mouseover(function(){showTip('messageLinkTip')});
+$('#messageLink').mouseleave(function(){hidTip('messageLinkTip')});
 
-$('#httpStatus').mouseover(function(){$('#httpStatusTip').css('display', 'block'); showTip();});
-$('#httpStatus').mouseleave(function(){$('#httpStatusTip').css('display', 'none'); hidTip();});
+$('#httpStatus').mouseover(function(){showTip('httpStatusTip')});
+$('#httpStatus').mouseleave(function(){hidTip('httpStatusTip')});
 
-$('#typeSelector').mouseover(function(){$('#typeSelectorTip').css('display', 'block'); showTip();});
-$('#typeSelector').mouseleave(function(){$('#typeSelectorTip').css('display', 'none'); hidTip();});
+$('#typeSelector').mouseover(function(){showTip('typeSelectorTip')});
+$('#typeSelector').mouseleave(function(){hidTip('typeSelectorTip')});
 
-$('#bodyEditor').mouseover(function(){$('#bodyEditorTip').css('display', 'block'); showTip();});
-$('#bodyEditor').mouseleave(function(){$('#bodyEditorTip').css('display', 'none'); hidTip();});
+$('#bodyEditor').mouseover(function(){showTip('bodyEditorTip')});
+$('#bodyEditor').mouseleave(function(){hidTip('bodyEditorTip')});
 
-$('#headersTab').mouseover(function(){$('#headersTabTip').css('display', 'block'); showTip();});
-$('#headersTab').mouseleave(function(){$('#headersTabTip').css('display', 'none'); hidTip();});
+$('#headersTab').mouseover(function(){showTip('headersTabTip')});
+$('#headersTab').mouseleave(function(){hidTip('headersTabTip')});
 
-$('#historyTab').mouseover(function(){$('#historyTabTip').css('display', 'block'); showTip();});
-$('#historyTab').mouseleave(function(){$('#historyTabTip').css('display', 'none'); hidTip();});
+$('#historyTab').mouseover(function(){showTip('historyTabTip')});
+$('#historyTab').mouseleave(function(){hidTip('historyTabTip')});
 
-$('#headerKeyInput').mouseover(function(){$('#newHeaderTip').css('display', 'block'); showTip();});
-$('#headerKeyInput').mouseleave(function(){$('#newHeaderTip').css('display', 'none'); hidTip();});
+$('#headerKeyInput').mouseover(function(){showTip('newHeaderTip')});
+$('#headerKeyInput').mouseleave(function(){hidTip('newHeaderTip')});
 
-$('#headerValueInput').mouseover(function(){$('#newHeaderTip').css('display', 'block'); showTip();});
-$('#headerValueInput').mouseleave(function(){$('#newHeaderTip').css('display', 'none'); hidTip();});
+$('#headerValueInput').mouseover(function(){showTip('newHeaderTip')});
+$('#headerValueInput').mouseleave(function(){hidTip('newHeaderTip')});