Jason Acapela
      
Web Developer
    
 
    

      
      
Derrick Tour
      
UI/UX
    
 
    

      
      
Mechelle Hill
      
System Developer
    
 
  
 
 

I want to have a jQuery search with the ability to search for specific content and show the results, then hide them again.

This post fixed a part of my issue. Another matter is that when the website is fully loaded, just the search box should appear and the search data should be hidden. So I tried to hide them with CSS styling and used display="none".

You can see what I am doing here.

So as you see, there is only a search box on the top right of the page. When you input the J character, you'll see the search result, but when you delete the J character, you'll see every item appear! I don't want that. I want all of the other items to still hide and appear while we search them. Another thing that I found is that I want that the search going to check the input character with the first character of the item names. I mean that for example when we have four item with the following names: (James, Jacob, Jack, Jason), when you input the J in the search box, it's show all of them, but when you input Jac, it must show you two item and when you put any other character alone, nothing show you!

I'm interested in having a separate button where when I click on it, all items appear and when I click again on it, the items disappear.