I have built an HTML page
with 4 blocks
I also have a SEARCH bar
my problem is this:
I display only block#1 and block#2 as default - block#2 you can ignore cause I don't need to do anything with it
block#3 and block#4 are hidden
HOWEVER
when a visitor goes to the SEARCH bar and types a keyword contained in block#3 or block#4 and he choose that keyword
I am expecting to replace block#1 in the area where it is displayed and now to show block#3 (or #4) depending on the keyword selected and to hide block#1
!!! The search bar is a dropdown
so when user start to types key...... a dropdown menu will be displayed with the options he has so he MUST click on the option I give him. So when he clicks on keyword#3 option it's then I am expecting to display the block#3 and to hide #block1
Can this be achieved?
I have built an HTML page with 4 blocks I also have a SEARCH bar my problem is this: I display only block#1 and block#2 as default - block#2 you can ignore cause I don't need to do anything with it block#3 and block#4 are hidden HOWEVER when a visitor goes to the SEARCH bar and types a keyword contained in block#3 or block#4 and he choose that keyword I am expecting to replace block#1 in the area where it is displayed and now to show block#3 (or #4) depending on the keyword selected and to hide block#1 ![diagram][1] [1]: https://ibb.co/37v9XDw !!! The search bar is a dropdown so when user start to types key...... a dropdown menu will be displayed with the options he has so he MUST click on the option I give him. So when he clicks on keyword#3 option it's then I am expecting to display the block#3 and to hide #block1 Can this be achieved?