Cómo crear efecto de 'ver más' para avisos clasificados en mi sitio web

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?
 

Jesussskc

Beta
Programador
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
6 Feb 2014
Mensajes
141
Por favor, ten en cuenta 📝 que si deseas hacer un trato 🤝 con este usuario, está baneado 🔒.
en que hiciste tu web? php ? blogger? etc ... da más datos
 

Jesussskc

Beta
Programador
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
6 Feb 2014
Mensajes
141
Por favor, ten en cuenta 📝 que si deseas hacer un trato 🤝 con este usuario, está baneado 🔒.
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
 

Jesussskc

Beta
Programador
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
6 Feb 2014
Mensajes
141
Por favor, ten en cuenta 📝 que si deseas hacer un trato 🤝 con este usuario, está baneado 🔒.
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:
 
Última edición: