是否可以使用jquery显示/隐藏ajaxcontroltoolkit手风琴？

我有一个AjaxControlToolkit，我想根据下拉值显示或隐藏它

我可以通过更改“ShowLinkButton”控件的文本（在我想隐藏手风琴的地方使用一个空白的“”来隐藏它），但我想隐藏手风琴本身。（即使文本为空，也可以单击手风琴。）

下面是我的jquery代码：

$(function() {
    if ($('#<%= DDStatusList.ClientID %>').change(function() {
        var statusval2 = $("#SampleContent_Tabs_TabPanel3_DDStatusList").val();
        if (statusval2 == 4) {
            $('#<%= ShowLinkButton.ClientID%>').html("Show Accordion");
        }
        else {
            $('#<%= ShowLinkButton.ClientID%>').html("");
        }
    }));
});​

$（函数（）{
if（$（'#'）.change（函数（）{
var statusval2=$（“#样本内容#选项卡#选项卡3#DDStatusList”）.val（）；
if（statusval2==4）{
$（'#'）.html（“显示手风琴”）；
}
否则{
$（'#'）.html（“”）；
}
}));
});​

我尝试将Accordion和LinkButton的visible属性设置为false，然后在jquery函数中满足条件时将其设置为true，但这两种策略似乎都不起作用

想法？

您是否尝试过：

$(function() {
    if ($('#<%= DDStatusList.ClientID %>').change(function() {
        var statusval2 = $("#SampleContent_Tabs_TabPanel3_DDStatusList").val();
        if (statusval2 == 4) {
            $('#<%= ShowLinkButton.ClientID%>').html("Show Accordion");
            //$find('<%= MyAccordion.ClientID%>').show();
            showAccordionPane('<%= MyAccordion.ClientID%>', 1);
        }
        else {
            $('#<%= ShowLinkButton.ClientID%>').html("");
            //$find('<%= MyAccordion.ClientID%>').hide();
            hideAccordionPane('<%= MyAccordion.ClientID%>', 1);
        }
    }));
});

// hides pane 1
function hideAccordionPane(AccordionCtrl, paneno) {
    $find(AccordionCtrl).get_Pane(paneno).header.style.display = "none";
    $find(AccordionCtrl).get_Pane(paneno).content.style.display = "none";
}​

// shows pane 1
function showAccordionPane(AccordionCtrl, paneno) {
    $find(AccordionCtrl).get_Pane(paneno).header.style.display = "block";
    $find(AccordionCtrl).get_Pane(paneno).content.style.display = "block";
}​

$（函数（）{
if（$（'#'）.change（函数（）{
var statusval2=$（“#样本内容#选项卡#选项卡3#DDStatusList”）.val（）；
if（statusval2==4）{
$（'#'）.html（“显示手风琴”）；
//$find（“”）.show（）；
展示手风琴窗格（“”，1）；
}
否则{
$（'#'）.html（“”）；
//$find（“”）.hide（）；
HIDEACORDIONPANE（“”，1）；
}
}));
});
//隐藏窗格1
函数HIDEACORDIONPANE（AccordionCtrl，paneno）{
$find（AccordionCtrl）.get_窗格（paneno.header.style.display=“无”；
$find（AccordionCtrl）.get_窗格（paneno.content.style.display=“无”；
}​
//显示窗格1
函数showAccordionPane（AccordionCtrl，paneno）{
$find（AccordionCtrl）.get_窗格（paneno.header.style.display=“block”；
$find（AccordionCtrl）.get_窗格（paneno.content.style.display=“block”；
}​

Javscript在chrome的调试控制台中进行了测试，谢谢大家

我最后做了以下几点：

if ($('#<%= DDStatusList.ClientID %>').change(function () {
                                        var statusval2 = $("#MainContent_Tabs_TabPanel3_DDStatusList").val();
                                        var statusvalcurrent = $("#MainContent_LabelStatusNumber").text();
                                        if (statusval2 == 4 && statusvalcurrent == 4.3) {

                                            $('#<%= status43panel.ClientID%>').show();

                                            //alert("show");
                                        }
                                        else {

                                            $('#<%= status43panel.ClientID%>').hide();

                                            //alert("hide");
                                        }

if（$（'#'）.change（函数（）{
var statusval2=$（“#main content_Tabs_TabPanel3_DDStatusList”）.val（）；
var statusvalcurrent=$（“#MainContent_LabelStatusNumber”）.text（）；
如果（statusval2==4&&statusvalcurrent==4.3）{
$（'#'）。show（）；
//警报（“显示”）；
}
否则{
$（'#'）。隐藏（）；
//警惕（“隐藏”）；
}

刚找到，但我在查找时出错…（更改“MyAccordion”以匹配实际控制）

$('#<%= MyAccordion.ClientID %>').get(0).AccordionBehavior.set_SelectedIndex(2)

 $('#<%= MyAccordion.ClientID %>').get(0).set_TransitionDuration(1000) //set timeout for collapse in ms.

   document.getElementById('ctl00_SampleContent_MyAccordion').AccordionBehavior.get_Pane(0).content.style.display='none';
    document.getElementById('ctl00_SampleContent_MyAccordion').AccordionBehavior.get_Pane(0).header.style.display='none';

if ($('#<%= DDStatusList.ClientID %>').change(function () {
                                        var statusval2 = $("#MainContent_Tabs_TabPanel3_DDStatusList").val();
                                        var statusvalcurrent = $("#MainContent_LabelStatusNumber").text();
                                        if (statusval2 == 4 && statusvalcurrent == 4.3) {

                                            $('#<%= status43panel.ClientID%>').show();

                                            //alert("show");
                                        }
                                        else {

                                            $('#<%= status43panel.ClientID%>').hide();

                                            //alert("hide");
                                        }