Fatal编程技术网
  • jquery/
  • Jquery 如何在触发时左右更改V形符号

Jquery 如何在触发时左右更改V形符号

jquery twitter-bootstrap

Jquery 如何在触发时左右更改V形符号,jquery,twitter-bootstrap,Jquery,Twitter Bootstrap,如何在触发时左右更改V形符号 <!DOCTYPE html> <html lang="en"> <head> <title>Bootstrap Example</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel

如何在触发时左右更改V形符号

<!DOCTYPE html>
<html lang="en">
<head>
    <title>Bootstrap Example</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
    <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<script>
    $("#openClose").click(function () {
        $(this).toggleClass('glyphicon-chevron-left glyphicon-chevron-right');
    });
</script>
</head>
<body>
    <div class="col-xs-4">
        <p>Bordered table</p>
        <table class="table table-bordered">
            <thead>
                <tr>
                    <th>S/no.</th>
                    <th>Name<span id="Openclose" class="glyphicon glyphicon-chevron-right"></span></th>
                    <th>Details</th>
                    <th>Contact</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>1</td>
                    <td>DotNetFunda</td>
                    <td>Fundamentals of .Net</td>
                    <td>support@dotnetfunda.com</td>
                </tr>
                <tr>
                    <td>2</td>
                    <td>ItFunda</td>
                    <td>Training of Microsoft Technologies</td>
                    <td>support@itfunda.com</td>
                </tr>
            </tbody>
        </table>
    </div>
</body>
</html>


引导示例
$（“#openClose”）。单击（函数（）{
$（this.toggleClass（'glyphicon-chevron-left-glyphicon-chevron-right'）；
});
带边框的桌子

序号。
名称
细节
接触
1.
多特内芬达
Net的基本原理
support@dotnetfunda.com
2.
伊图芬达
微软技术培训
support@itfunda.com
像这样的事


 $("#openClose").click(function () {
        if($(this).hasClass('glyphicon-chevron-right'))
        {
          $(this).removeClass('glyphicon-chevron-right');
          $(this).addClass('glyphicon-chevron-left');
        }
        if($(this).hasClass('glyphicon-chevron-left'))
        {
          $(this).removeClass('glyphicon-chevron-left');
          $(this).addClass('glyphicon-chevron-right');
        }
    });



如果我单击列名，它应该从右向左更改chevronb符号，并且应该隐藏列的详细信息和联系人您可以制作JSFIDLE吗？