I had 2 websites www.example-with-prices.com and www.example-without-prices.com.
Both sites are basically the same, except one doesn't show the prices of the products and it's a lot of trouble to maintain both sites.
Now I rebuild these websites and want to have just one website and place the price information in <div> what is shown just if you use www.example-with-price.com.
I try to use something like this, but I can not find a way to hide if the user go to my site using www.example-without-prices.com
<div id='hideshow' data-value="price1" style="display:none">    
<table>  price table here </table> 
 </div>
<script>
    $('[id^="hideshow"]').on('click', function(event) {
      var dataValue = $(this).attr('data-value');
      dataValue = $('#'+dataValue);
      $(dataValue).toggle('hide');
    });
**  <!-- add something what toggle hide if user enters site via www.example-without-prices.com -->
</script>
 
     
    