Проверяйте структуру HTML. Видимо у вас один <DIV> находится внутри другого.
Вот этот код работает вполне корректно:
<html>
<head>
<script src='https://code.jquery.com/jquery-3.4.1.js'></script>
</head>
<body>
<div class='tabs'>
<ul><li>Tab1</li><li>Tab2</li></ul>
<div><div style='display:none;'>1111</div><div style='display:none;'>2222</div></div>
</div>
<script type='text/javascript'><!--
(function($){
jQuery.fn.lightTabs = function(options){
var createTabs = function(){
tabs = this;
i = 0;
showPage = function(i){
$(tabs).children("div").children("div").hide();
$(tabs).children("div").children("div").eq(i).show();
$(tabs).children("ul").children("li").removeClass("active");
$(tabs).children("ul").children("li").eq(i).addClass("active");
}
showPage(0);
$(tabs).children("ul").children("li").each(function(index, element){
$(element).attr("data-page", i);
i++;
});
$(tabs).children("ul").children("li").click(function(){
showPage(parseInt($(this).attr("data-page")));
});
};
return this.each(createTabs);
};
})(jQuery);
$(document).ready(function(){
$(".tabs").lightTabs();
});
//--></script>
</body>
</html>
