I have a code that shows pricing-table in my View. Each one has a button in javascript that when it clicks on it needs to open another View where it has the details of each pricing-table. How can I make each button to click appear different writings. Ex: if you click the first button, it opens a view with a title only, and when I click the button 2 it opens a view with a title and text. My code uses bootstrap and is in Codeigniter
View:
<div class="col-sm-12">
<div class="well well-light">
<h1>Planos, <small>4 Planos</small></h1>
<div class="row">
<div class="col-xs-12 col-sm-6 col-md-3">
<div class="panel panel-teal pricing-big">
<div class="panel-heading">
<h3 class="panel-title">
Personal Project
</h3>
</div>
<div class="panel-body no-padding text-align-center">
<div class="the-price">
<h1>
$99<span class="subscript">/ mo</span>
</h1>
</div>
<div class="price-features">
<ul class="list-unstyled text-left">
<li><i class="fa fa-check text-success"></i> 2 years access <strong> to all storage locations</strong></li>
<li><i class="fa fa-check text-success"></i> <strong>Unlimited</strong> storage</li>
<li><i class="fa fa-check text-success"></i> Superbig <strong> download quota</strong></li>
</ul>
</div>
</div>
<div class="panel-footer text-align-center">
<button id="plano_1" class="btn btn-primary btn-block">
Contratar <span>plano</span>
</button>
<div>
<a href="javascript:void(0);"><i>We accept all major credit cards</i></a>
</div>
</div>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3">
<div class="panel panel-primary pricing-big">
<div class="panel-heading">
<h3 class="panel-title">
Developer Bundle
</h3>
</div>
<div class="panel-body no-padding text-align-center">
<div class="the-price">
<h1>
$350<span class="subscript">/ mo</span>
</h1>
</div>
<div class="price-features">
<ul class="list-unstyled text-left">
<li><i class="fa fa-check text-success"></i> 2 years access <strong> to all storage locations</strong></li>
<li><i class="fa fa-check text-success"></i> <strong>Unlimited</strong> storage</li>
<li><i class="fa fa-check text-success"></i> Superbig <strong> download quota</strong></li>
</ul>
</div>
</div>
<div class="panel-footer text-align-center">
<button id="plano_2" class="btn btn-primary btn-block">Contratar <span>plano</span></button>
<div>
<a href="javascript:void(0);"><i>We accept all major credit cards</i></a>
</div>
</div>
</div>
</div>
</div>
<script type="text/javascript">
$("#plano_1").on('click', function () {
window.location = ('<?= base_url('index#ConPla/verPla1') ?>/');
});
$("#plano_2").on('click', function () {
window.location = ('<?= base_url('index#ConPla/verPla1') ?>/');
});
</script>