Benjith,
on the off chance you fancy a challenge...
In previous posts I have created a custom "input autocomplete", which is essentially an input which triggers a list to appear.
The behaviour here is a bit harder to get right. Since the onclick event on the input was used to show the list, this no longer works due to the javascript no propagation, (can use onfocus event instead) but I have another issue with making the list disappear, if anywhere but the list is clicked.
I first tried using the onblur event on the input, but unfortunately this resulted in the list no longer functioning.
I am just not good enough at Javascript to achieve this. Im considering making my own accordion item instead.
See the .oml which will explain a little more