Bootstrap Snippet icon change using HTML Javascript

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<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 ---------->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css"> 
<ul id="category-tabs">
    <li><a href="javascript:void"><i class="fa fa-plus-circle"></i>Category 1</a>
       <div class="slide">
      
            <a href="javascript:void">item 1</a><br>
            <a href="javascript:void">item 2</a><br>
            <a href="javascript:void">item 3</a><br>
        </div>
    </li>
</ul>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

1
2
3
4
$('#category-tabs li a').click(function(){
    $(this).next('.slide').slideToggle('500');
    $(this).find('i').toggleClass('fa-plus-circle fa-minus-circle')
});
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

"icon change"
Bootstrap 3.0.0 Snippet by SANTANU CHOWDHURY

Related: See More

Questions / Comments:

"icon change" Bootstrap 3.0.0 Snippet by SANTANU CHOWDHURY

Related: See More

Questions / Comments:

"icon change"
Bootstrap 3.0.0 Snippet by SANTANU CHOWDHURY