Доступ к div по имени класса li

[oslayer]

Есть во такой кусок html кода

......
<li class="alt sfHover">
<a href="http://chemirus.tmweb.ru/16-keram">Керамика</a>
<div class="st" style="display: none; visibility: hidden;"></div>
<ul class="level2" style="display: none; visibility: hidden;"><ul>
</li>
........

Каким образом прописать следующую логику?

Если

li class="alt sfHover"

то тогда

div class="st"  style="display: bloc; visibility: visible;"

помогите пожалуйста с решением этой проблемы.

[vashurin]

......
<li class="alt sfHover">
<a href="http://chemirus.tmweb.ru/16-keram">Керамика</a>
<div class="st" style="display: none; visibility: hidden;"></div>
<ul class="level2" style="display: none; visibility: hidden;"><ul>
</li>
........

className и регулярные выражения...
Хотя, часто для таких задач подключают библиотеки, типа jQuery. Но за частую это лишнее.

Думаю хватит и такого:

var flag = document.getElementsByTagName('li')[0].className;
var pattern = /\bsfHover\b/;
if(flag.search(pattern) != -1){
}else{
}

[oslayer]

А можно подробнее? на сколько я понимаю то

if(flag.search(pattern) != -1){вот здесь}else{и вот здесь должно быть действие}

каким образом?