R
RemPro
Betas!, necesito ayuda, estoy necesitando hacer un efecto como el "ver mas" del inicio de Facebook, es para que muestre distintos avisos clasificados. ¿Alguna ayuda?, ¿cómo se llama?
Cómo crear efecto de 'ver más' para avisos clasificados en mi sitio web
R
RemPro
Ups! perdón XD, fue el apuro jaja. En PHP, estoy trabajando con Dreamweaver. Sería para ir desplegando anuncios, los cuales tendrán un Link a su anuncio completo 
- Desde
- 6 Feb 2014
- Mensajes
- 141
mhhh quieres un "ver mas" tipo facebook que por ejemplo el texto es muy largo y te muestra ese link de "ver mas" y aparece el resto del texto .. o quieres un boton o algo similar que al hacer clic se muestren mas anuncios o articulos sin cargar ? yo se un codigo en JSON .. pero a cual de las 2 te refieres
R
RemPro
al "ver mas" tipo Facebook XD
- Desde
- 6 Feb 2014
- Mensajes
- 141
Algo similar seria de esta manera(no es con json ya que solo quieres el ver más y eso es simple con jquery):
<script type='text/javascript' src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type='text/javascript'>
$(document).ready(function(){
$("#boton1").click(function () {
$('p').toggle("slow");
});
$("#boton2").click(function () {
$('img').toggle("slow");
});
$("#boton3").click(function () {
$('#more').toggle("slow");
});
});
</script>
<div id="post1">
<p>parrafoparrafoparrafoparrafoparrafoparrafoparrafoparrafoparrafo </p>
<br><br>
<img height="200" src="/urlImagen.jpg">
<br><br>
<p id="more">Descripcion</p>
<br><br>
<input id="boton1" type="button" value="ocultar parrafo" />
<br>
<input id="boton2" type="button" value="ocultar img" />
<br>
<input id="boton3" type="button" value="ocultar por id" />
</div>
el primer botón oculta todos los "<p>"
el segundo todas las imágenes
y el tercero un id especifico (con el que debes trabajar).
Es una idea, el párrafo oculto tendría que tener otro ID como en el ejemplo si quieres lo cambias.
suerte :encouragement:
<script type='text/javascript' src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type='text/javascript'>
$(document).ready(function(){
$("#boton1").click(function () {
$('p').toggle("slow");
});
$("#boton2").click(function () {
$('img').toggle("slow");
});
$("#boton3").click(function () {
$('#more').toggle("slow");
});
});
</script>
<div id="post1">
<p>parrafoparrafoparrafoparrafoparrafoparrafoparrafoparrafoparrafo </p>
<br><br>
<img height="200" src="/urlImagen.jpg">
<br><br>
<p id="more">Descripcion</p>
<br><br>
<input id="boton1" type="button" value="ocultar parrafo" />
<br>
<input id="boton2" type="button" value="ocultar img" />
<br>
<input id="boton3" type="button" value="ocultar por id" />
</div>
el primer botón oculta todos los "<p>"
el segundo todas las imágenes
y el tercero un id especifico (con el que debes trabajar).
Es una idea, el párrafo oculto tendría que tener otro ID como en el ejemplo si quieres lo cambias.
suerte :encouragement:
Última edición:
