como puedo ocultar la palabra volver
y que se muestre cuando se abre el div
que tiene la clase collapse
y que se oculte la palabra busqueda, es decir que cuando el div
haga collapse
, "este open
" muestre la palabra volver si no esta open
que muestre la palabra búsqueda, tengo el siguiente código
<!DOCTYPE html>
<html ng-app="myApp">
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
</head>
<body>
<div ng-controller="myCtrl">
<ul id="tab-list" class="nav nav-pills tab-menu tabs nav-search">
<li>
<a data-toggle="collapse" data-target="#rent-tab">Busqueda avanzada</a>
<a data-toggle="collapse" data-target="#rent-tab">Volver</a>
</li>
</ul>
<div id="rent-tab" class="collapse">
<div class="row">
<div class="col-sm-12">
<span>Esto es una prueba</span>
</div>
</div>
</div>
</div>
<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
});
</script>
</body>
</html>
.