我有两个php变量.我想创建一个read more按钮来切换这两个值,一个是摘录,另一个是完整内容.我是php和jQuery的新手.花了几个小时试图搞清楚:(如果有人可以提供帮助,我真的很感激...
我试图改变id和class来实现我的目标.我相信这可能真的很愚蠢.但我真的不知道聪明的方式.
请问有人给我一些方向吗?现在,我在代码中输入的警报返回"未完成"...
PHP:
$trimmed = '<p id="short_desc" class="show_desc">' . chinese_excerpt( get_the_content(), $lenth = 260 ) . '</p>';
$full = '<p id="full_desc" class="hide_desc">' . get_the_content() . '</p>';
echo apply_filters( 'the_resume_description', $trimmed );
echo apply_filters( 'the_resume_description', $full );
echo '<div style="float:right; margin-top:-30px"><div id="show_more">Read More...</div></div>'
Run Code Online (Sandbox Code Playgroud)
HTML:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script>
$( document ).ready( function () {
$( "#show_more" ).click( function ( ) {
if ( $( '#short_desc' ).attr( 'id' ) === "short_desc" ) {
$( "#short_desc" ).removeClass("show_desc");
$( "#short_desc" ).addClass("hide_desc");
$( "#short_desc" …Run Code Online (Sandbox Code Playgroud)