title: How to make Bootstrap buttons inactive dynamically?
body: <p>I'm working on a webpage that uses jquery to show and hide content depending on the user selection. </p>
  
  <p>The site contains three main  containers: one for a search, one for the results of the search, and another for the visualization of the results of the search. </p>
  
  <p>I'm using buttons to switch from one 'page' to another. The problem is that the results and visualization buttons are active even before a search is done, which is not correct. I want to adapt my code so the only way the button with results works is when there is a search done. The same would be true for the visualization button. How can I do this?</p>
  
  <p>I would appreciate any help!</p>
  
  <p>Thanks!</p>