jsfiddle work error - css

Question

I made my menu at jsfiddle and here's my work.
but I got different result on my page.
is jsfiddle working?
do I need to modify some code?
<div id="menu_main">
<ul>
<li class="mainop">Category
<ul>
<li><a href='../index.php?category=Blogging'>Blogging</a></li>
<li><a href='../index.php?category=General'>General</a></li>
<li><a href='../index.php?category=Arts and Entertainment'>Arts and Entertainment</a></li>
<li><a href='../index.php?category=Womens Interests'>Womens Interests</a></li>
<li><a href='../index.php?category=Writing and Speaking'>Writing and Speaking</a></li>
</ul>
</li>
</ul>
</div>
my script
<script language="JavaScript" type="text/javascript">
$(document).ready(function() {
$(".mainop").hover(function() {
var $this = $(this);
$this.find("ul").slideDown("fast");
$this.children('a:first-child').addClass('active');
}, function() {
var $this = $(this);
$this.find("ul").slideUp("fast");
$this.children('a:first-child').removeClass('active');
});
});
</script>

Answer 1

According to JSFiddle, the output HTML of your code looks like this:
<div id="menu_main">
<ul>
<li class="mainop">Main option
<ul style="display: block; "></ul>
</li>
<li class="mainop">Main option</li>
<li class="mainop">Main option</li>
</ul>
</div>
All the list elements are gone.
I can see that you're referencing the columnizer jQuery plugin, but you haven't included it in your JSFiddle page. That could be the reason you're not getting the same results. If you remove the call to columnize, the list elements reappear, but it doesn't look pretty.