please help with tabs

[contra10]

i'm trying to input tabs...when i inlude php files i can only allow two fro some reason

 

<ul id="countrytabs" class="shadetabs">
<li><a href="#" rel="country1" class="selected">Find Events</a></li>
<li><a href="#" rel="country2">My Events</a></li>
<li><a href="#" rel="country3">City Events</a></li>
<li><a href="#" rel="country4">Create Events</a></li>
<li><a href="http://www.aaa.com">Tab</a></li>
</ul>

<div style="border:1px solid gray; width:450px; margin-bottom: 1em; padding: 10px">

<div id="country1" style="vertical-align:top;" class="tabcontent">
<?php

include 'findevent.php';

?>
</div>

<div id="country2" style="vertical-align:top;" class="tabcontent">
<?php

include 'mycityevents.php';

?>
</div>

<div id="country3" style="vertical-align:top;" class="tabcontent">
<?php

include 'mycityevents.php';

?>

</div>

<div id="country4" style="vertical-align:top;" class="tabcontent">
kjk
</div>

</div>

<script type="text/javascript">

var countries=new ddtabcontent("countrytabs")
countries.setpersist(true)
countries.setselectedClassTarget("link") //"link" or "linkparent"
countries.init()

</script>

 

if i place a php file in lets say div country3 or country4 nothing loads if i place a php file in div 1 and div 3 it will work or div 2 and 4...it must be a length issue

 

[Snart]

Are you sure that each of these included PHP files actually produces content?  If you include only in the first DIV and leave the rest empty, do you get results for each PHP page if you include them in turn?