Bootstrap Snippet bootstrap collaps on click change heading text using HTML Bootstrap jQuery

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<div class="container">
    <div class="row">
        <div class="middle-inner-block">
            <div class="quizlist-middle-block">
                                            <div id="hques-tabs" class="home-question-tabs">
                                                <div class="top-qlist-srchbar hidden">
                                                    <div class="serh-list">
                                                        <form id="qlist-srch-form" role="search" class="navbar-form qlist-srch-form">
                                                            <div class="input-group add-on">
                                                                <input id="srch-term" name="srch-term" placeholder="Search for Past Questions" class="form-control" type="text">
                                                                <div class="input-group-btn">
                                                                    <button type="submit" class="btn btn-default qlist-srch-btn"><i class="fa fa-search fa-2x"></i></button>
                                                                </div>
                                                            </div>
                                                        </form>
                                                    </div>
                                                </div>
                                                <div id="qlist-contant" class="qlist">
                                                    <div class="ques-list-container mar-top20">
                                                        <form method="get" action="" id="form-quiz">
                                                            <ul id="main-q-list" class=" list-unstyled main-question-list">
                                                                <li>
                                                                    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 pad0"> 
                                                                        <div class="main-question-heading check-ans-option">
                                                                            <h4>1. What is the matter in the most solid state the matter in the most solid state?</h4>
                                                                            <div class="select-ans-option">
                                                                                <div class="subcat-solu-ans"> <h4>E = MC2</h4></div>
                                                                                <div class="subcat-solu-ans-text">
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
    $(document).ready(function () {
        $('.subcat-ansshow-btn a').click(function() {
           
            $('.subcat-solu-ans-img').hasClass('collapse').html("Show Answer");
                
                
                if ( $('.subcat-solu-ans-img').is('in')){
                    
                    $('.subcat-ansshow-btn h4').html("Show Answer");
                    
                    
                }else{
                        
                    $('.subcat-ansshow-btn h4').html("Hide Answer");
                }
                
            })    
            
        });
   
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

"bootstrap collaps on click change heading text "
Bootstrap 3.0.0 Snippet by manojmann143

Related: See More

Questions / Comments:

"bootstrap collaps on click change heading text " Bootstrap 3.0.0 Snippet by manojmann143

Related: See More

Questions / Comments:

"bootstrap collaps on click change heading text "
Bootstrap 3.0.0 Snippet by manojmann143