Actualmente tengo una función onclick que alterna una vista en mi html usando .slideToggle(). Pero cada vez que presiono el botón para activar este evento, no hace nada. Aquí está mi código:
<a href="javascript:void(0)" class="btn btn-default btn-sm" id="searchwrap"><i class="fa fa-search"></i> Search</a> <div class="col-sm-12 searchwrap" id="searchbox" style="display:none"> <fieldset> <div class="card-box bg-lightdark border-3"> <div class="container"> <div class="row form-group"> <div class="col-sm-3"> <label>Type</label> <select id="ftype" class="form-control filter" name="ftype" data-column="5"> <option value="">All Types</option> </select> </div> <div class="col-sm-3 mt-30"> <button type="button" id="btnsearch" name="btnsearch" class="btn btn-info btn-sm waves-inverse mb-5"> Search <i class="fa fa-search"></i> </button> <a class="btn btn-inverse btn-trans btn-sm waves-inverse mb-5" id="reset">Reset</a></div> </div> </div> </div> </fieldset> </div> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script type="application/javascript"> $(document).ready(function () { $("#searchwrap").click(function(e){ ('.searchwrap').slideToggle(); console.log("press");}); }); También agregué un console.log("press") en jquery y no muestra nada cuando se hace clic.
Violín: https://codesandbox.io/s/thirsty-night-w8j03?file=/index.html
Muestra tu código:
<script type="application/javascript"> $(document).ready(function () { $("#searchwrap").click(function(e){ ('.searchwrap').slideToggle(); console.log("press");}); });No cierra la etiqueta del script y no usa el símbolo jquery para su clase de ajuste de búsqueda.
Prueba esto
<script type="application/javascript"> $(document).ready(function () { $("#searchwrap").click(function(e){ $('.searchwrap').slideToggle(); console.log("press");}); }); </script>