Tengo este boton, que se genera por diferentes datos, pero quiero que el boton desaparezca luego de hacerle click
Que todo el Div se "oculte" luego de hacer click sobre el, (Asi los usuarios no puedan ver las cosas 2 veces)
Ya intente con esto: Funcion de Ocultar boton con JQuery
Y esto:
https://es.stackoverflow.com/questions/107630/hacer-clic-en-un-botón-y-esconder-un-div-en-jquery
Pero no me a funcionado
<div class="col-sm-10 col-md-6 col-lg-7">
<div class="sport-table-wager">
@foreach($betOptions as $data)
<div class="progress-button-item sport-table-wager-button m-0">
<a class="bet_button text-decoration-none"
href="#0"
data-toggle="modal" data-target="#sportModal"
data-team-name="{{$data->option_name}}"
data-confrontation="{{$question->match->name}}"
data-id="{{$data->id}}"
data-minamo="{{$data->min_amo}}"
data-macthid="{{$question->match->id}}"
data-ratioone="{{$data->ratio1}}"
data-ratiotwo="{{$data->ratio2}}"
data-betlimit="{{$data->bet_limit}}"
data-questionid="{{$question->id}}"
data-wager-count="{{$data->ratio1}} : {{$data->ratio2}}">
<span>{{$data->option_name}}</span>
<!-- <span class="sport-table-wager-button-count">{{$data->ratio1}}
: {{$data->ratio2}}</span> -->
</a>
@php
$percent = percent($data->totalInvestByOptions(), $question->totalInvest())
@endphp
</div>
@endforeach
</div>
</div>