Js function how to encapsulate, hover tab code, help make up

<div id="tabs">
    <ul class="title">
        <li></li>
        <li></li>
        <li></li>
        <li></li>
    </ul>
    <ul class="content">
        <li></li>
        <li></li>
        <li></li>
        <li></li>
</ul></div>
<script>
 $("-sharptabs").myTabs({
    tab_tit:".title",
    tab_con:".content"
});
</script>
May.31,2022

jq can be done with a single line of code:

//css
.checked{
    color:-sharpfff;
    background-color:-sharpf00;
}
//jq
$('-sharptabs li').hover(function(){
   $(this).addClass('checked').siblings().removeClass('checked');
})
Menu