0

我是 jQuery 的新手。我想在页面加载时打开第二个选项卡（操作）作为默认选项。

<HTML>
</HEAD>
<BODY>
<br></br>
<H2> Automation </H2>
<br></br>
<ul id="accordion">
    <li>Operations</li>
    <ul>
        <li><a href="#">Add</a></li>
        <li><a href="#">Delete</a></li>

    </ul>
    <li>Deatils</li>
    <ul>
    <br></br>
<table border="" bordercolor="#FFCC00" style="background-color:#FFFFFF" width="400" cellpadding="8" cellspacing="1">
    <tr>
        <td><input type="Radio" name="radio_name" value="radio_val">1</td>
        <td>.</td>
        <td>.</td>
        <td>.......</td>
    </tr>
    <tr>
        <td><input type="Radio" name="radio_name" value="radio_val">2</td>
        <td>.</td>
        <td>.</td>
        <td>.......</td>
    </tr>

</table>

    </ul>
        </ul>  

</BODY>

</HTML>

我使用了以下代码。但它不起作用

     <SCRIPT>   

 $("#accordion > li").click(function(){

    $('#accordion li:eq(1)').show();

        if(false == $(this).next().is(':visible')) {
            $('#accordion > ul').slideUp(300);
    }
    $(this).next().slideToggle(300);
});

$('#accordion > ul:eq(0)').show();

</SCRIPT>

页面加载时如何将第二个选项卡设置为默认打开。

4

2 回答 2

1

似乎您没有完全使用 JQuery 手风琴。

这是 JQuery 手风琴的JSFiddle 演示，默认情况下打开第二个选项卡。

HTML

<br></br>
<H2> Automation </H2>
<br></br>
<ul id="accordion">
   <h3>Operations</h3>
    <div>
    <ul>
        <li><a href="#">Add</a></li>
        <li><a href="#">Delete</a></li>

    </ul>
    </div>
    <h3>Deatils</h3>
    <ul>
    <br></br>
<table border="" bordercolor="#FFCC00" style="background-color:#FFFFFF" width="400" cellpadding="8" cellspacing="1">
    <tr>
        <td><input type="Radio" name="radio_name" value="radio_val">1</td>
        <td>.</td>
        <td>.</td>
        <td>.......</td>
    </tr>
    <tr>
        <td><input type="Radio" name="radio_name" value="radio_val">2</td>
        <td>.</td>
        <td>.</td>
        <td>.......</td>
    </tr>

</table>

    </ul>
        </ul>

查询

$(function() {
    $( "#accordion" ).accordion();
    $( "#accordion" ).accordion("activate",1);
  });

检查我所做的 HTML 更改。

检查如何执行 JQuery 手风琴

于 2013-08-22T10:49:47.920 回答
1 
    <script>   
    $(document).ready(function(){

        $('#accordion li:eq(1)').show(); // second tab show
 $('#accordion li:eq(1) ul').show(); // second tab show

        $("#accordion > li").click(function(){

            if($(this).next().is(':visible')) {
                $('#accordion > ul').slideUp(300);
            }
           $(this).next().slideToggle(300);
        });

    });
    </script>
于 2013-08-22T10:28:07.750 回答