Question

This is what my code does so far. It will help in understanding my question.

Research Page

When you click on the parent div (the entire bar where the stock name is) the child div lowers down (I am accordion 1).

I’m still fairly new to HMTL and CSS (Learned it 2 days ago) and have successfully implemented someone’s JavaScript to create the animation effect.

My question is this. Is there a method to remove the divs dynamically using a search function? In other words, can I remove a div based on search strings, WITHOUT reloading the page?

Answer 1

Without reloading the page meens in Javascript.

It’s totally doable..

For example, if you have jQuery installed :

Let’s say you have a search field that (when submited) delete all div matching the search in their NAME properties :

HTML :
<input type="text" id="search" />
<input type="button" onclick="delete()" />

JS :
function delete() {
    search = jQuery('#search').val(); //retrieve the searched string
    jQuery('div[name="' + search + '"]').remove(); //search for DIV(s) with that NAME and removes it
}