Buenas noches tengo un conflicto y es que lo he estado intentando de muchas maneras y aun no llego a una solucion necesito que la informacion que esta tirada desde un foreach y un customer_tag pueda visualizarse toda la informacion en ves de desplegarse toda la información como ya lo hace, ocupo que esas misma informacion se muestre pero en modal, para que al desplegar no importe si se abre hacia abajo o hacia arriba, a continuacion les envio el extracto de codigo y el script.
@if($file->link != null)
@if($file->grupo == $file->idgrupo)
@foreach($files as $arch)
@if($arch->link == $file->link)
@if($arch->tipo == 'SI')
<button class="BTBoletin" id="myBtn" onclick="showBoletin({{$file->grupo}});">{{$file->titulo}}</button>
<li style="padding: 2px 4px 0px 4px;">
<div class="ClickBoletin" id="">
<div class="posisionBoletin">
<span class="titulosdelboletin Micro{{$file->grupo}}" id="holax" >
</span>
<div customer_tag="COS{{$file->idgrupo}}">
<img style="margin-bottom: -5%; margin-top: 1%;" src="images/footprintsignificative.jpeg" width="14"/>
<a href="/storage/app/public/boletines/{{ $file->link }}" style="color:#000" target="_blank">
<span ><p style="margin-left: 6%;" id="nombredeltitulo">{{$arch->name}}</p></span>
</a>
</div>
</div>
</div>
</li>
@endif
@if($arch->tipo == 'NO')
<li style="padding: 19px; display: none;" customer_tag="COSa{{$file->idgrupo}}">
<!-- <li style="padding: 19px;" > -->
<div class="mostrarBoletin">
<a href="/storage/app/public/boletines/{{ $file->link }}" style="color:#000" target="_blank">
<div class="TituloBoletines">
<div class="colorBulletNorma">
<strong> > </strong>
</div>
<span style="font-weight: bold; " ><p style="font-weight: bold; color: green;" id="nombredeltitulo">{{$arch->name}}</p></span>
</div>
</a>
</div>
<!-- </li> -->
</li>
@endif
@endif
@endforeach
@endif
@endif
esta es la vista esta hecho en un .blade.php seguidamente voy a pegar el script
<script type="text/javascript">
var cont = 0;
function showBoletin(boletin){
var desplegue = $("#COSa"+ boletin).val();
var inicial = boletin;
if(cont == 0){
//$("#COSa"+ boletin).show();
$("[customer_tag='COSa"+ boletin +"']").slideDown( "slow" );/*.show();*/
cont = cont += 1;
}
else{
//$("#COSa"+ boletin).hide();
$("[customer_tag='COSa"+ boletin +"']").hide("slow");
cont = cont -= 1;
}
}
</script>