div onclick'i gizlemek ve jquery'yi kullanarak onclick'i gösterme

Question

Bir oscommerce komut dosyasında bir arama önerisi işlevi entegre ediyorum, işlev düzgün çalışıyor ancak jquery (jquery kullanarak) üzerinde tıklama ve tıklama üzerine bir div hide onclick oluşturmalıyım i o aramayı kaldırmak için web sayfasını yenilemek için ettik (div görünür yazmaya başlayın ama gizlenemez ne zamandan beri hız) önermek div)

olaylar bu div altında oluşturulacaktır:

İşte

i takmak kodu:

$data = '<div class="search">' . "\n" . 
     tep_draw_form('quick_find', tep_href_link(FILENAME_ADVANCED_SEARCH_RESULT, '', 'NONSSL', false), 'get', 'id="frmSearch"') . "\n" . //  '  <label class="fl_left">'.MODULE_BOXES_SEARCH_HEADER_BOX_TITLE.': </label>' ."\n". 
     '  ' . tep_draw_button_search_top() . tep_draw_button(MODULE_BOXES_SEARCH_HEADER_BOX_TITLE) . tep_draw_button_search_bottom() . "\n" . 
     '  <div class="input-width">' . "\n" . 
     '  <div class="width-setter">' . "\n" . 
     tep_draw_input_field('keywords', MODULE_BOXES_SEARCH_HEADER_BOX_INPUT, 'id="txtSearch" onkeyup="searchSuggest(event);" autocomplete="off" size="10" maxlength="300" class="go fl_left" onblur="if(this.value==\'\') this.value=\'' . MODULE_BOXES_SEARCH_HEADER_BOX_INPUT . '\'" onfocus="if(this.value ==\'' . MODULE_BOXES_SEARCH_HEADER_BOX_INPUT . '\') this.value=\'\'"') . '' . tep_hide_session_id() . "\n" . 
     '   </div>' . "\n" . 
     '  <div id="smartsuggest" ></div> ' . 
     '  </div>' . "\n" . '</form>' . "\n" . 
     '</div> 
       <script type="text/javascript"> 
     $(function(){ 
     var mq = window.matchMedia("(max-width: 480px)"); 
      if((mq.matches)) { 
      $(".input-width").click(function() { 
      $(this).animate({right: "0", width: "125px"}, 500); 
      }); 
      $(".input-width input").blur(function(){ 
      $(this).parent().parent().animate({right: "0", width: "125px"}, 500); 
      }); 
     }else{ 
      $(".input-width").click(function() { 
      $(this).animate({right: "0", width: "360px"}, 500); 
      }); 
      $(".input-width input").blur(function(){ 
      $(this).parent().parent().animate({right: "0", width: "190px"}, 500); 
      }); 
     } 

     }); 
       </script> 
       ' . "\n"; 

// MOD: BOF - SmartSuggest 
if (SMARTSUGGEST_ENABLED != 'false') { 
    require(DIR_WS_CLASSES . 'smartsuggest.php'); 
    $smartsuggest = new smartsuggest(); 
    $smartsuggest->output($data); 
} 
// MOD: EOF - SmartSuggest 

Answer 1

Jquery hide() öğesini kullanarak ve gösteri() yöntemleri this..Try yapabilirsiniz ...)

$(document).ready(function(){ 
 
    $("#hide").click(function(){ 
 
     $("p").hide(); 
 
    }); 
 
    $("#show").click(function(){ 
 
     $("p").show(); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script> 
 
<p>If you click on the "Hide" button, I will disappear.</p> 
 

 
<button id="hide">Hide</button> 
 
<button id="show">Show</button>