Javascript I'；我试图显示与用户单击的语言类型相关的不同div

我有3个不同的标志“Eng”“Bulg”“Grece”，默认情况下，我有2个Div。单击“LinkButton17”时，第一个Div“table”会淡入淡出状态，但现在如果用户之前单击过“Eng”或“Grece”，我想显示第二个Div“tableEng”，所以我尝试了这一方法，但没有效果。如果之前我点击过“Eng”或“Grece”，那么第二个Div“tableEng”不会消失 LinkButton17位于更新面板内，具有

<script>

        $(document).ready(function () {
            sessionStorage.setItem('index', '1');
            $("#Eng , #Grece").click(function () { sessionStorage.setItem('index', '2'); });
            $("#Bulg").click(function () { sessionStorage.setItem('index', '1'); });
            $("#LinkButton17").click(function () {

                $("#text").html = ("");
                if (sessionStorage.getItem('index') == '1') {
                    $("#table").fadeIn(1000);
                    $("#tableEng").fadeOut(1000);
                }
                else {

                    $("#tableEng").fadeIn(1000);
                    $("#table").fadeOut(1000);
                }


            });
        });
    </script>

$（文档）.ready（函数（）{
setItem（'index'，'1'）；
$（“#Eng，#Grece”）。单击（函数（）{sessionStorage.setItem（'index'，'2'）；}）；
$（“#Bulg”）。单击（函数（）{sessionStorage.setItem（'index'，'1'）；}）；
$（“#链接按钮17”）。单击（函数（）{
$（“#text”）.html=（“”）；
if（sessionStorage.getItem（'index'）=='1'）{
$（“#表”）.fadeIn（1000）；
美元（“#tableEng”）。淡出（1000）；
}
否则{
$（“#tableEng”）。fadeIn（1000）；
美元（“#表”）。淡出（1000）；
}
});
});

这些OnClick事件是服务器端的，正在更改网页上的某些文本。 HTML:

呜呜呜呜

---

我不确定ASP部件， 但据我所知，您只是想根据用户选择的语言切换不同的内容容器

为此，我使用基本jQuery和css创建了一个简单的示例：

//设置加载页面时显示的默认语言
var chosenLang=“en”；
$（文档）.ready（函数（）{
//确保所有内容块均隐藏，然后显示默认内容块
//注意html中的'datalang'属性
$（“div.content>div”）.hide（）；
$（“div.content>div[data lang=“+chosenLang+”]）.show（）；
//单击后，只需更改所选语言，然后再次显示相应的内容块
$（“ul.flags>li”）。单击（函数（）{
$（“div.content>div”）.hide（）；
chosenLang=$（this.attr（“数据语言”）；
$（“div.content>div[data lang=“+chosenLang+”]）.show（）；
});
});
.flags{
列表样式：无；
}
李先生{
显示：内联块；
高度：15px；
边框：1px实心#e1e1；
填充：3倍；
}
.内容{
边框：1px实心#e1e1；
填充：15px；
}
.content>div{
显示：无；/*隐藏所有内容块*/
}


国际
美国
希腊

这里有英文内容
希腊文内容在这里
请从代码中删除内联样式，并在上创建工作代码段。
<asp:ImageButton runat="server" ID="Eng" style="position:absolute;top:1vh;left:88vw;width:24px;height:12px;border:1px solid black;" ImageUrl="~/Logos/Uk_union_flag.png" OnClick="Eng_Click"/>         
           <asp:ImageButton runat="server" ID="Bulg" style="position:absolute;top:1vh;left:83vw;width:24px;height:12px;color:white;font-size:20px;text-align:center;text-decoration:none;border:1px solid black;" ImageUrl="~/Logos/bulgeria-flag.gif" OnClick="Bulg_Click"/>  
           <asp:ImageButton runat="server" ID="Grece" style="position:absolute;top:1vh;left:93vw;width:24px;height:12px;color:white;font-size:20px;text-align:center;text-decoration:none;border:1px solid black;" ImageUrl="~/Logos/greece_flag.png" OnClick="Grece_Click"/>


<div id="table" style="position:absolute;left:22.5vw;width:55vw;top:90.333vh;height:auto;background-color:white;display:none;padding:5px;">
       <table style="width:100%;" border="1">
               bla bla bla
       </table>

<div id="tableEng" style="position:absolute;left:22.5vw;width:55vw;top:90.333vh;height:auto;background-color:white;display:none;padding:5px;">
     <table style="width:100%;" border="1">
     </table>
</div>