Как вариант...
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<!--
<link rel="stylesheet" type="text/css" href="tmp.css" />
-->
<style type="text/css">
</style>
<script type="text/javascript">
jQuery(document).ready(function() {
jQuery(".Sub").hide();
jQuery(".Sub_Sub").hide();
jQuery(".MainM > span").click(function(){
jQuery(this.parentNode).children(".Sub").slideToggle(500);
});
jQuery(".Sub").click(function(){
jQuery(this).children(".Sub_Sub").slideToggle(500);
});
});
</script>
</head>
<body>
<div class="MainM"><span>Main1</span>
<div class="Sub">Sub1</div>
<div class="Sub">Sub2
<div class="Sub_Sub">Sub_Sub1</div>
<div class="Sub_Sub">Sub_Sub2</div>
</div>
</div>
</body>
</html>
Но твой ХТМЛ - фигня какая-то...