How to make a list with links open for indexing by search engines?

Question

css

The essence of the question is the following, there is a list:

<ul>
<li><a href="/name1/">name1</a></li>
<li><a href="/name2/">name2</a></li>
<li><a href="/name3/">name3</a></li>
</ul>

On the page, it looks cumbersome, I want it to be visually smaller, like a drop-down selector.
But how to do that? (so that the links are indexed).
I’ll even try to ask the question differently: maybe there are custom lists that visually look like a selector with drop-downs?
Thank you.

Answer 1

1 - Any dropdown menu ( https://yandex.ru/search/?text=%D0%B2%D1%8B%D0%BF%... )
2 - Any block opener (on Bootstrap - getbootstrap.ru/docs /v4-alpha/components/collapse )
3 - Any menu opener (for example - https://html5css.ru/howto/howto_js_dropdown.php )

Answer 2

You probably misspoke: Not a selector, but select is an html container element of the option dropdown list
Indexing is prohibited for something and/or allowed in the robots.txt file by a special directive
User-agent: *
Disallow: /user/pass/
User -agent: Googleboth
Allow: /
Such an entry prohibits all search algorithms except Google from indexing (visiting) the directory specified as an exception